導航:首頁 > 編程大全 > 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綁定下拉框資料庫數據相關的資料

熱點內容
vc修改文件名 瀏覽：149
linux65從域 瀏覽：321
用什麼東西壓縮文件 瀏覽：406
怎麼刪除ipad隱藏的APP 瀏覽：981
編程如何佔用大量內存 瀏覽：116
多個excel表格文件如何組合 瀏覽：918
ubuntu內核升級命令 瀏覽：679
pgp文件夾 瀏覽：894
一鍵還原的文件是什麼格式 瀏覽：581
女漢子微信名霸氣十足 瀏覽：65
win10手機藍屏修復 瀏覽：419
windows2008激活工具 瀏覽：259
g71的編程應注意什麼 瀏覽：572
文件路徑不符合是什麼意思 瀏覽：543
qq如何換綁微信綁定 瀏覽：67
文件包下載的安裝包在哪裡 瀏覽：811
90版本升級不送 瀏覽：186
工具箱英文 瀏覽：382
南翔嘉定編程課哪裡好 瀏覽：853
win10改變文件格式 瀏覽：475

友情鏈接