jquery中select组件的运用办法--百分百源码网

jquery中select组件的运用办法-

发布时间：08/01 来源：未知浏览：关键词：

这次给大家带来jquery中select组件的运用办法，运用jquery中select组件的注意事项是什么，下面就是实战案例，一起来看一下。这次给大家带来jquery中select组件的运用办法，运用jquery中select组件的注意事项是什么，下面就是实战案例，一起来看一下。

jquery猎取select选中的文本与值

猎取select ：

猎取select 选择的 text :

$(“#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 “).attr(“value”,”normal“);(“#ddlregtype “).val(“normal”); 
$(“#ddlregtype “).get(0).value = value;

设定select 选择的text：

var count=$("#ddlregtype option").length;
 for(var i=0;i设定select option项：
$("#select_id").append(""); //增加一项option
$("#select_id").prepend(""); //在前面插入一项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： 
选项1 
选项2 
选项3 
选项4 
选项5 
选项6 
选项7
选择增加到右侧>> 
全部增加到右侧>>
<<选中删除到左边 
<<全部删除到左边
运用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($(""));
        }
      }
    });
  })
信赖看了本案牍例你已经把握了办法，更多出色请关注 百分百源码网 其它相干文章！
举荐浏览：
怎样实现jquery回车登录结果
鼠标移出事件的案例以及详解
WebSocket的运用详解
以上就是jquery中select组件的运用办法的细致内容，更多请关注 百分百源码网 其它相干文章！

打赏