导航:首页 > 编程大全 > 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

友情链接