javascript代码实例教程-jQuery取得select选择的文本与值_js

上一篇: javascript代码实例教程-jquery.... 下一篇:javascript代码实例教程-Jquery ...

javascript代码实例教程-jQuery取得select选择的文本与值

发布时间：2019-02-12 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQuery取得select选择的文本与值，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 jquery获取select选择的文本与值 获取select ： 获取select 选中的 text : &nbsp;   $("#ddlregtyPE").find("option:selected").text(); 获取select选中的 value:     $("#ddlregtype ").val(); 获取select选中的索引:     $("#ddlregtype ").get(0).selectedindex; 设置select: 设置select 选中的索引：     $("#ddlregtype ").get(0).selectedindex=index;//index为索引值 设置select 选中的value：     $("#ddlregtype ").attr("value","normal“);     $("#ddlregtype ").val("normal");     $("#ddlregtype ").get(0).value = value; 设置select 选中的text:     VAR count=$("#ddlregtype option").length;       for(var i=0;i<count;i++)          {           if($("#ddlregtype ").get(0).options[i].text == text)             {                 $("#ddlregtype ").get(0).options[i].selected = true;                 break;             }         }     $("#select_id option[text='jquery']").attr("selected", true); 设置select option项:     $("#select_id").append("<option value='value'>text</option>");  //添加一项option     $("#select_id").PRepend("<option value='0'>请选择</option>"); //在前面插入一项option     $("#select_id option:last").remove(); //删除索引值最大的option     $("#select_id option[index='0']").remove();//删除索引值为0的option     $("#select_id option[value='3']").remove(); //删除值为3的option     $("#select_id option[text='4']").remove(); //删除text值为4的option 清空 select:     $("#ddlregtype ").empty(); 工作需要，要获得两个表单中的值。如图： 如何获得从左边选择框添加到右边选择框中的值？我想了想用网页特效可以获得，这里用了比较流行的jquery。 js代码如下：     //获取所有属性值 var ITem = $("#select1").val();     $(function(){       $('#select1').each(  //获得select1的所有值          function(){             $('button').click(function(){                 alert($('#select2').val());  //获得select2中的select1值             });          });     })     </script> 值得注意的是，不能直接写成     $(function(){       $('#select2').each(  //获得select1的所有值，因为前面讲选项从左边添加到右边，jquery其实并没有真正将值从左边传到右边。          function(){             $('button').click(function(){                 alert($(this).val());  //获得select2中的select1值             });          });     }) htML：                  <select multiple="multiple" id="select1" name="dd" style="width:100px;height:160px;">                 <option value="1">选项1</option>                 <option value="2">选项2</option>                 <option value="3">选项3</option>                 <option value="4">选项4</option>                 <option value="5">选项5</option>                 <option value="6">选项6</option>                 <option value="7">选项7</option>             </select>                              选中添加到右边&gt;&gt;                 全部添加到右边&gt;&gt;                                            <select multiple="multiple" id="select2" name="sel" style="width: 100px;height:160px;">             </select>                              &lt;&lt;选中删除到左边                 &lt;&lt;全部删除到左边                       使用JQuery，Ajax调用动态填充Select的option选项     //绑定ClassLevel1单击事件         $("#ClassLevel1").change(function () {             var id = $("#ClassLevel1").val();             var level2 = $("#ClassLevel2");             level2.empty();             $("#ClassLevel3").hide();             $.ajax({                 url: "./askCommon.ashx?action=getclasslevel&pid=" + id,                 data: { "type": "ajax" },                 datatype: "json",                 type: "get",                 success: function (data) {                     var JSON = eval_r(data);                     for (var ind in json) {                         level2.append($("<option value='" + json[ind].id + "'>" + json[ind].typename + "</option>"));                     }                      }             });         })

觉得可用，就经常来吧！脚本宝典欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jQuery取得select选择的文本与值全部内容，希望文章能够帮你解决javascript代码实例教程-jQuery取得select选择的文本与值所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：AJAX Class HTML jQuery jQuery post-format-gallery this

上一篇: javascript代码实例教程-jquery.... 下一篇:javascript代码实例教程-Jquery ...

猜你在找的js相关文章

全站导航更多