获取select 中的option属性的值和循环出来的Id

最新推荐文章于 2022-09-30 16:35:43 发布

weixin_34256074

最新推荐文章于 2022-09-30 16:35:43 发布

阅读量779

点赞数

CC 4.0 BY-SA版权

文章标签： c# python

原文链接：https://my.oschina.net/u/578766/blog/84593

本文展示了一个使用JavaScript实现的城市选择器示例，通过监听下拉框的变化来动态加载并显示对应的城市选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

    var chengshi=document.getElementById("chengshixuanze");//select标签的id
        chengshi.onchange=function(){ //当选项改变时触发
            var valOption=this.options[this.selectedIndex].value;//获取option的value
                alert(valOption);
            var id=this.options[this.selectedIndex].id;//获取option的id（可以获得循环出来的Id）
                alert(id);
            var txtOption=this.options[this.selectedIndex].innerHTML;//获取option中间的文本
                alert(txtOption);

}

//分配html页面的城市

aj.post('provinceid='+id,"<{$url}>/area",function(msg){
var arr=eval('('+msg+')');
var len=arr.length;
var ci=document.getElementById('ci');
for(var i=0;i<len;i++){
//document.write('<option>'+arr[i]+'</option>');
//alert(arr[i]);
var opt=document.createElement("option");
opt.value=arr[i];
opt.innerHTML=arr[i];
opt.id=i;
ci.appendChild(opt);
}
})