获取和设置select的选中项的值-创新互联
window.onload=function(){
var tags=document.getElementsByTagName("select");
//通过javascript来获取select的选中项【】
var s=document.getElementById("select0");
s.selectedIndex=2;//设置选中项的索引
var index= s.selectedIndex;//获取选中项的索引
console.log(s.options[index].value);//输出选中项的值:value=3
console.log(s.options[index].text);//输出选中项的option里面的值:选项三
//通过下面方法也可以获取下面的值
var selectedValue=document.getElementById("select0").value;
console.log(selectedValue);
//通过jquery方法去设置和获取
console.log($("#select0").find("option:selected").text());//得到选中的option的里面的text
console.log($("#select0").val());//得到选中的值
$("#select0").val(1);//设置选中的值
console.log($("#select0").val());
//jquery和javascript的结合使用
var sIndex=$("#select0").get(0).selectedIndex;
//根据text=‘选项四’,来选中该项
$("#select0 option[text='选项一']").attr("selected","true");
$("#select0 option[value='2']").remove();//删除value='2'的选项删除
//把除了第一项的其他项都删除
$("#select0 option[value!='0']").remove();//可用于在多个选择框相互关联,然后当其中一个选项框开始选中时,清空另一个选项框。
};
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
本文题目:获取和设置select的选中项的值-创新互联
URL地址:http://ybzwz.com/article/cocgid.html