JS和jQuery中select怎么使用

这篇文章主要介绍“JS和jQuery中select怎么使用”，在日常操作中，相信很多人在JS和jQuery中select怎么使用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”JS和jQuery中select怎么使用”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

1.js

varobj=document.getElementById(selectid);obj.options.length=0;//清除所有内容obj.options[index]=newOption("three",3);//更改对应的值obj.options[index].selected=true;//保持选中状态obj.add(newOption("4","4"));”文本",”值"varindex=obj.selectedIndex;obj.options.remove(index);//删除选中项

2.jquery

$("#select_id").append("<optionvalue='Value'>Text</option>");//为Select追加一个Option(下拉项)$("#select_id").").find('option:selected').text();获取select选中的text$("#select_id").val();获取select选中的value$("#select_idoption[index='0']").remove();//删除索引值为0的Option$("#select_idoption[value='3']").remove();//删除值为3的Option$("#select_idoption[text='4']").remove();//删除TEXT值为4的Option$("#mselect_id").change(function(){//添加所需要执行的操作代码})

补充： js获取select标签选中的值

varobj=document.getElementByIdx_x(”testSelect”);//定位idvarindex=obj.selectedIndex;//选中索引vartext=obj.options[index].text;//选中文本varvalue=obj.options[index].value;//选中值

jQuery中获得选中select值

第一种方式

$('#testSelectoption:selected').text();//选中的文本$('#testSelectoption:selected').val();//选中的值$("#testSelect").get(0).selectedIndex;//索引

第二种方式

$("#tesetSelect").find("option:selected").text();//选中的文本…….val();…….get(0).selectedIndex;

到此，关于“JS和jQuery中select怎么使用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注主机评测网网站，小编会继续努力为大家带来更多实用的文章！

上一篇：c++与c#的时间如何转换

下一篇：javascript怎么沉淀业务公共组件

---