jQuery实现选择下拉框获取当前选中文本,值,索引

  

话不多说,请看代码:

     //直接保存后缀.htnl用谷歌浏览器打开,亲测有效   & lt; head>   & lt;脚本src=" http://libs.baidu.com/jquery/2.0.0/jquery.min.js "祝辞& lt;/script>   & lt; script>   $(函数(){//为选择添加事件,当选择其中一项时触发   $(“选择:eq (0)”) .change(函数(){//代码   });//获取选择选中的文字:结果是由所有匹配元素包含的文本内容组合起来的文本   var checkText=$(“选择:eq(0):选择“)。text();//建议用这个简单=$(“选择:eq(0)选项:选择”).tetx ();=$(“#”);(”:选择“)。text ();=$(“#”);(“选择:选择”)。text ();//如果多选,将返回一个数组,其包含所选的值。   var checkValue=https://www.yisu.com/zixun/$ (" # select_id ") .val ();//获取选择选中匹配元素的当前值,即[即使多选也只]取得第一个匹配元素的val内容   var checkValue=https://www.yisu.com/zixun/$(“选择:eq(0):选择”).val();//=========强烈建议用这个,以防多?/获取选择选中的索引值   var checkIndex=$ (" # select_id ") . get (0) .selectedIndex;//获取选择最大的索引值   var maxIndex=$ (" # select_id:去年").prop(“指数”);//建议用这个=$ (" # select_id选项:去年).prop(“指数”);=$(“选择:eq(0)”);(":去年").prop(“指数”)=$(“选择:eq(0)”);(选项:去年).prop(“指数”)//=========================================================================================//jQuery设置选择选择的文本和值://设置选择的值值为4的项选中   $ (" # select_id ") .val (4);//用这个   $ (" # select_id (value=' https://www.yisu.com/zixun/4 '] ") .prop(“选择”,真正的);   $ (" # select_id选项(value=' https://www.yisu.com/zixun/4 '] ") .prop(“选择”,真正的);//设置中选择的第一个选项被选中   $("选择:第一”)。道具(“选择”,真的);//这个   $("选择:第一”)。道具(“选择”,“选择”);   美元(“选择选项:第一”)。道具(“选择”,“真正的”);   美元(“选择选项:第一”)。道具(“选择”,“选择”);//============================================================================================//jQuery添加/删除项选择的选项   $ (" # select_id ") .append (“& lt;选项值=' https://www.yisu.com/zixun/Value '祝辞Text”);//为选择末尾追加一个选择(下拉项)   $ (" # select_id ") .prepend (“& lt;选项值=' https://www.yisu.com/zixun/0 '祝辞请选择& lt;/option>”);//为选择首部插入一个选项(第一个位置)   $ (" # select_id:最后”).remove ();//删除选择中索引值最大的选择(最后一个)   $ (" # select_id:拳头”).remove ();//删除选择中索引值最小为0选项(第一个)   $ (" # select_id (value=' https://www.yisu.com/zixun/3 '] ") .remove ();//删除选择中Value=' https://www.yisu.com/zixun/3 '的选项      });   & lt;/script>   & lt;/head>   & lt; table>   & lt; tr>   & lt; td>   & lt; !——多个设定下拉框可以多选,尺寸设定下拉框不呈现下拉方式,——比;   & lt;选择大?" 12 " id=?”多个=岸喔觥北?   & lt;选项值=' https://www.yisu.com/zixun/1 '祝辞苹果& lt;/option>   & lt;选项值=" https://www.yisu.com/zixun/2 "祝辞香蕉& lt;/option>   & lt;选项值=" https://www.yisu.com/zixun/3 "祝辞草莓& lt;/option>   & lt;选项值=" https://www.yisu.com/zixun/4 "祝辞橘子& lt;/option>   & lt;/select>   & lt;/td>   & lt; td>   & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/>>“祝辞& lt; br>   & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/>“祝辞& lt; br>   & lt;输入类型=鞍磁ァ奔壑?" https://www.yisu.com/zixun/<"祝辞& lt; br>   & lt;输入类型=鞍磁ァ奔壑?" https://www.yisu.com/zixun/<<"祝辞& lt; br>      & lt;/td>   & lt; td>   & lt;选择大?" 12 " id=绷礁觥岸喔?岸喔觥北?   & lt;选项值=" https://www.yisu.com/zixun/5 "祝辞葡萄& lt;/option>   & lt;/select>      & lt;/td>   & lt; td>   & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/"祝辞& lt; br> & lt; br>   & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/down "祝辞& lt; br>   & lt;/td>   & lt;/tr>   & lt;/table>      

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

jQuery实现选择下拉框获取当前选中文本,值,索引