導航:首頁 > 編程大全 > js綁定下拉框資料庫數據

js綁定下拉框資料庫數據

 發布時間：2025-01-11 13:54:54

A. js怎麼添加一個下拉列表的值

<script type="text/javascript">

aa=document.getElementById('a');
bb=document.getElementById('b');
ii=document.getElementById('i');
ab=document.getElementsByTagName("li");
aa.onclick=function()

{

if(bb.style.display=="none")
{bb.style.display="block";}

else

{bb.style.display="none";}

if(ii.style.borderBottom=='none'){

ii.style.borderTop='none';
ii.style.borderBottom='10px solid black';

}

else{

ii.style.borderBottom="none";
ii.style.borderTop="10px solid black";

}

}

for (var x=0;x<ab.length; x=x+1)

{

ab[x].onmouseover=function () {
this.style.background="white";
this.style.textDecoration="underline";

}

ab[x].onmouseout=function () {

this.style.background="#E9ECF3";
this.style.textDecoration="none";

}

}

</script>

(1)js綁定下拉框資料庫數據擴展閱讀：

添加值

function addData1(){

//清空下拉選中的數據
$("#resType").empty();
$("#resType").append("<option value='1'>aaaaaa</option>");
$("#resType").append("<option value='2'>bbbbbb</option>");

}

B. 用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>

C. js實現兩個下拉框聯動

這類問題貌似蠻多的。
不過是這個純HTML需要麼？沒有數據交互？與伺服器數據交互得重新封裝的。

下面是純HTML用的JS。
<html>
請選擇：
<select id="test2" onchange="setSel(this);">
<option value='1'>1</option>
<option value='2'>2</option>
</select>
注意這里：
<select id="test1">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>2</option>
</select>

這里添加了（注意）：
<select id="test3">

</select>

<script>

function setSel(obj){

var s=obj.value;
var f=document.getElementById("test1");
var obj=document.getElementById("test3");
/*循環 相應變的select*/
for(i=0;i<f.options.length;i++){
/*判斷值相等的，也可以判斷顯示的f.options[i].test*/
if(f.options[i].value==s){
f.options[i].selected="selected";//選中
obj.options.add(new Option(f.options[i].text,f.options[i].value)); //這個兼容IE與firefox
}
}

}

</script>
</html>

D. JSP 實現兩個select下拉框的數據聯動，要求根據第一個下拉式選擇的內容聯動第二個下拉式。需要從資料庫中

採用什麼方式實現呢？
是頁面跳轉還是使用Ajax啊
說一下思路吧
頁面跳轉：
首先進入頁面的時候，第一個select的內容是從資料庫查詢出來的，這個很簡單就能實現。
然後在這個select控制項上加上onchange事件，onchange事件中獲取當選select選中的value
提交到後台，首先將頁面中的內容存起來，比如剛才的那個內容使用setAttribute，存起來，
然後在獲取一次第一個select控制項的信息，然後根據頁面被選中的那個value，查詢出第二個下拉框內容，然後就可以跳轉頁面了，跳轉到剛才那個頁面上，
之後1，將剛才setAttribute的值，設置到第一個select中，然後將剛剛查詢的第二個下拉框的值，設置到第二個select框中。可以使用標簽的形式等。許多辦法都能實現
採用iframe形式，
過程類似，只不過，這次不用setAttribute了，而採用js來將第二個下拉框設置上值就可以了
Ajax：
這種形式最簡單了，onchange事件直接提交後台，然後獲取第一個的value，關聯查詢出第二個下拉框的內容，然後返回前台的時候，通過js來修改第二個select

希望對你能有幫助

閱讀全文

與js綁定下拉框資料庫數據相關的資料

熱點內容
app無法下載是為什麼蘋果手機 瀏覽：518
右擊此電腦管理找不到此文件 瀏覽：264
圖像文件格式百科 瀏覽：523
沒有網路怎麼定位 瀏覽：972
剪切到優盤文件找不到了 瀏覽：764
電腦管家的文件名 瀏覽：910
如何將掃描文件轉換為電子版 瀏覽：4
u盤的h246文件怎麼播放 瀏覽：203
如何用阿里雲伺服器學習資料庫 瀏覽：84
華為文件管理找不到下載文件 瀏覽：409
word模板dot的使用 瀏覽：466
春節車找人app哪個好 瀏覽：618
文件管理電腦找不到了怎麼辦 瀏覽：516
如何改變app圖標圖片 瀏覽：767
什麼是大數據結構的最低層 瀏覽：575
pdf文件給對方後期改密碼收回 瀏覽：295
word2010怎麼畫箭頭 瀏覽：184
win10的自動備份文件在哪個目錄 瀏覽：843
文件夾打包成jar 瀏覽：456
卸載魯大師找不到文件 瀏覽：173

友情鏈接