13518219792
1、确定当前需要添加元素的text以及对应的value
成都创新互联主营蒙阴网站建设的网络公司,主营网站建设方案,重庆APP软件开发,蒙阴h5成都小程序开发搭建,蒙阴网站营销推广欢迎蒙阴等地区企业咨询
2、获取当前下拉框中所有的option元素数组optionArr，可以通过$('#citySelect option')获取元素集合。
3、遍历optionArr，判断需要添加的text或者value是否和optionArr相同，相同则不添加，没有重复则添加。
示例：
select id='citySelect'
option value='beijing'北京/option
option value='shanghai'上海/option
/select
方法：
script
function addCity(value, text){
var optionArr = $('#citySelect option');
for(var i=0;ioptionArr.length;i++){
if(optionArr[i].text == text || optionArr[i].value == value){
return false;
}
}
var addOption = "option value='" + value + "'" + text + "/option";
$('#citySelect').append(addOption);
}
/script
select id="selects"
option value="0" selected1/option
option value="1"1/option
option value="2"2/option
/select
div id="result"/div
--------------------------------------------------------
$("#selects").change(function(){ //下拉框改变时取得值
$("#result").html($(this).val()); //显示值
});
1.可以动态添加多个下拉框,可减少下拉框
2.选中第一个下拉框的任意一个值，同时第三个下拉框的值跟着改变，显示对应的数据。
ps:what?光动态添加就足以。。。。赋值还不能直接赋，而是添加下拉时就赋值。。。。。经过百般折磨，头发掉了n根，最终通过巧妙的思路解决了，在此记录下。若对你有所帮助，点赞加关注吧！后续及时更新。
第一个下拉选项显示
选择下拉项，同时加载数据到第三个下拉框
注：在这里直接去掉了第二行的标签
为了获取改变数据的行，试了很久，动态生成的下拉框无法获取到索引，所以才想到了使用id，并且给id后加一个数字
只要检测document和window对象的高度，在一个滚动事件中利用他们的关系约束，触发一个自定义的函数即可实现这是基于
options
，在
options
获取失去焦点事件
或者
下拉项选中事件
重新刷新数据这样做便于控制下拉列表何时显示隐藏，无法取消（我尝试过阻止默认事件，这方面成熟的jquery插件也不少，结果没有反应），所以最好的方法我觉得就是模拟select，自己写一组html替换select，就是说不用select标签，不用担心click的问题首先说下解决方案：function(data){/script.html(data)：{参数名;info"/如果你需要传参数的话;div上边的代码也是对的，我给你写个简洁的.;，但是不够简洁;，可以写在这里,参数名，可能你看不太懂.：$('/);div
id="script，格式为;第一步，使用jquery的ajax技术，将数据读入。相关的函数有$.ajax(),
$.get(),
$.post()$.load()
等函数。使用方法请百度一下，教程非常多。第二步，将读入的数据使用jquer的选择器比如$("#divid").html("这里放入数据")，也可以用$.text()，具体区别请参考$.html()和$.text()的使用方法。另外，jquer还支持读取json数据和script数据，可以将读取的数据直接使用或者执行。具体根据你的需要改变。
