當前位置:首頁 » 操作系統 » js下拉框資料庫資料庫資料庫資料庫

js下拉框資料庫資料庫資料庫資料庫

發布時間: 2022-12-07 15:55:43

Ⅰ 怎樣用js實現資料庫綁定到下拉框

需要先用ajax的方式獲取資料庫的記錄 作為數組 然後 將數組內容加入的下拉框中作為選項

<head>
<metacharset="utf-8">
<title>無標題文檔</title>
<scriptsrc="http://code.jquery.com/jquery-1.4.1.min.js"type="text/javascript"></script>
<script>
$(document).ready(funxtion{
vatlist1=$("#test");//獲取list對象
$.get("demo_ajax_load.txt",function(result){//獲取後台資料庫記錄
for(vari=0,len=result.row.length;i<result.row;i++){//result為返回的json對象row為包含選項的數組
varo=newOption(result.row[i].text,result.row[i].value);
list1.appendChild(o);
}
},"json");
})
</script>
</head>
<body>
<selectid="test">
<option>1</option>
</select>
</body>

Ⅱ js如何取得下拉框的值(值是從資料庫讀出來的)

用jquery吧,可以獲取你想要的任何動態的數據,處理程序在另一個頁面,數據顯示在本頁面。

Ⅲ 在jsp中下拉框中如何獲取資料庫中的值

但是還有一種方法 通過js獲取下拉框的值 <select name="sel" onchange="check()"> -- 增加onchange事件 <%while (rs.next()) {%> <option value=""> -- 這里沒有給選項賦值 -- 改為,如:<option value="<%=rs.getString(1)%>"> <%=rs.getString(1)%> </option> <%}%></select><script type="text/javascript"> function check(){var id = document.getElementsByName("sel").value; -- 獲取下拉框的值 如:拼接url打開頁面, var url = 'xxxx.do?id=' + id; //注,具體的url你要自己拼寫,我這個是列子,不能用的 方法1,在本窗口打開頁面: window.location = url ; 方法2,新窗口打開頁面 window.open(url)}</script> 追問: 我終於發現了,能讀取數據,可是把讀取的數據放入資料庫中就有問題了,難道還要轉碼才行嗎? 回答: 當然`~~ 追問: 頁面編碼是gb2312那我要怎樣轉碼呢? 回答: 首先你要知道你的資料庫的是什麼編碼的,你頁面的編碼要符合你資料庫的編碼,這樣的轉碼才是正確的 追問: 現在我不是從頁面讀取數據了,而是直接在程序中測試 Date.valueOf("1987-3-7") 比如我用這樣的方法把這個數據放到資料庫中去就自動變成了1905-6-1了,感覺太怪了 這個就和編碼無關了 回答: 你具體的代碼我也不知道,也不好給你說,給你個UTF-8轉GB2312的代碼吧 private String utf8Togb2312(String str){ StringBuffer sb = new StringBuffer(); for(int i=0; i<str.length(); i++) { char c = str.charAt(i); switch (c) {case '+':sb.append(' ');break;case '%':try {sb.append((char)Integer.parseInt( str.substring(i+1,i+3),16));}catch (NumberFormatException e) { throw new IllegalArgumentException();}i += 2;break;default:sb.append(c);break;}}String result = sb.toString(); String res=null;try{byte[] inputBytes = result.getBytes("8859_1");

Ⅳ JS選中多個checkbox,並與一個下拉框選擇的值一起存入資料庫

//checkbox值
var aa = '';
$("input[name='checkbox']:checkbox:checked").each(function(){
aa+=$(this).val()
})
//select值
$('#testSelect option:selected').text();
或者是value
$("#testSelect").val();

Ⅳ js如何點擊下拉菜單,下面出現出現相關資料庫數據

給你寫個思路吧,
click事件綁定一個ajax
傳遞該行的id到一個文件b
b通過查詢獲取對應的數據並返回
ajax的success 把返回的數據插入對應的容器並顯示

Ⅵ 用JS將資料庫中的值賦值給下拉列表框的問題

源代碼呢, 有,不過太多了, 不可能發出來的。給你講一下大致的思路吧,你可以採用兩種形式。
第一,採用純js,網上可以下到這樣的組件,js里包含省市縣級的地區信息,使用的時候只要引入這個js,然後給三個select綁定上特定的值,就可以實現聯動了。

第二,採用ajax,為省級別的及市級別的select綁定onchange事件,選擇省級別的select時,調用ajax,傳一個地區ID,取出這個省下所有的市級地區,以json的形式返回,然後在回調方法里把你取到的數據設置到市級的select中就行了。

順便說一下,如果你想在js文件里調用java代碼,你可以把js文件命名成jsp文件,然後在其它jsp頁面里可以這樣引用:<script type="text/javascript" src="../inc/area.jsp"></script>

Ⅶ js如何讀取資料庫,數據綁定下拉列表

jq和表單提交訪問後台通過java代碼訪問資料庫

Ⅷ jsp中下拉框中的值從資料庫中動態獲取

jsp中把資料庫全量查詢後填充select列表:
舉例說明:

<table>
<tr>
<td width="400px" align="left">入學批次:<SELECT NAME="grade"
id="grade" onchange="refreshELevelAndSpecialAjax();"> //選擇入學批次會刷新層次和專業
<OPTION VALUE="0">
--請選擇--
<c:forEach items="${gradeInfo}" var="gradeInfo">
<OPTION VALUE="${gradeInfo.gradeName}">${gradeInfo.gradeName}
</c:forEach>
</SELECT></td>
<td width="400px" align="left">統考課程:<SELECT
NAME="uniExamCourseId" id="uniExamCourseId">
<OPTION VALUE="0">
--請選擇--
<c:forEach items="${unifiedExamCourseList}" var="uniExamCourse">
<OPTION VALUE="${uniExamCourse.id}">${uniExamCourse.uniExamCourseName}
</c:forEach>
</SELECT></td>
</tr>
<tr>
<td colspan="2" id="refreshELevelAndSpecialAjax"> //設置ID,用於填充層次和專業的下拉框
<table>
<tr>
<td width="400" align="left">層 次:<SELECT
NAME="eLevelId" id="eLevelId"
onchange="refreshSpecialAjax();"> //選擇層次後刷新專業
<OPTION VALUE="0">--請選擇--</OPTION>
<c:forEach items="${ecationLevel}" var="ecationLevel">
<OPTION VALUE="${ecationLevel.id}">${ecationLevel.ecationLevelName}
</c:forEach>
</SELECT></td>
<td width="400" align="left" id="refreshSpecialAjax">專 業:<SELECT //設置ID,用於填充專業的下拉框
NAME="specialId" id="specialId">
<OPTION VALUE="0">--請選擇--</OPTION>
<c:forEach items="${specialList}" var="special">
<OPTION VALUE="${special.id}">${special.specialName}
</c:forEach>
</SELECT></td>
</tr>
</table>
</td>
</tr>
</table>
java後台通過介面獲取specialList的值,並且保存到session即可。

Ⅸ JS下拉菜單查詢的資料庫數據,重復的名稱它也會顯示怎麼改一下JS去重

查詢的sql語句中去重

Ⅹ js中下拉框,獲取資料庫的值,jquery,ajax使用,從資料庫獲取值是從controller層寫方法

<script language="javascript">
$(document).ready(function() {
$.getJSON(
"./manager.htm?actionMethod=onGetTarae",
function(json){
for(i=0;i<json.length;i++){
var tname=json[i].tname;
var tid=json[i].id;
$("#tarea").append("<option value='"+tid+"'>"+tname+"</option>");
}

});
}

<select id="tarea">
</select>

後台代碼返回一個Json格式的字元串,就是把你從資料庫中查出來的集合、對象、Map、Page等轉成Json。然後就是返回給前台

熱點內容
伺服器無法通過ip訪問 發布:2025-05-16 14:26:13 瀏覽:539
網吧u盤拒絕訪問 發布:2025-05-16 14:13:50 瀏覽:260
無線網檢查網路配置是怎麼回事 發布:2025-05-16 14:04:03 瀏覽:220
網路爬蟲python代碼 發布:2025-05-16 14:03:26 瀏覽:516
汽車小組件怎麼弄到安卓桌面 發布:2025-05-16 13:51:12 瀏覽:220
linuxg編譯器下載 發布:2025-05-16 13:50:58 瀏覽:776
centosc編譯器 發布:2025-05-16 13:50:17 瀏覽:948
安卓手機如何變換桌面 發布:2025-05-16 13:39:33 瀏覽:515
sql存儲過程命令 發布:2025-05-16 13:17:54 瀏覽:146
用紙做解壓小玩具西瓜 發布:2025-05-16 13:04:09 瀏覽:936