jQuery获取Select选择的Text和Value

jQuery获取Select选择的Text和Value:

语法解释

1. $("#select_id").change(function(){//code...});   
//为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();  
//获取Select选择的Text
3. var checkValue=$("#select_id").val();  
//获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;  
//获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");  
//获取Select最大的索引值

jQuery设置Select选择的 Text和Value:
语法解释:

1. $("#select_id ").get(0).selectedIndex=1;  
//设置Select索引值为1的项选中
2. $("#select_id ").val(4);   
// 设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true);   
//设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项:
语法解释:

1. $("#select_id").append("<option value='Value'>Text</option>");  
//为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>");  
//为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove();  
//删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove();  
//删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove();  
//删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();  
//删除Select中Text='4'的Option

jQuery遍历Table表格td和td的内容
语法解释:

$(".classname").find("tr:eq(4)").each(function (i){
        var text = $(this).find("td").html();
      //$(this).parent("tr").find("td").eq(0).text();
        if($.trim(text)==""){
            $(this).remove();
        }   
});

 $(document).ready(function(){
    var trs=$("table#table1 tr");
      $("input[name='getinfo']").click(function(){
        var index=trs.index($(this).closest("tr"));
        alert(index);
    });

jQuery获取class相同的div中的最后一个
语法解释:
 

$("div[class=active]:last")

通过find()方法获取table中选中tr中input值
语法解释:

点击选中行中其中一个input框,获取本行中另外一个input字段值:

<input name='' οnclick='check(this)'>

 function check(o){                           //获取上上级tr 的demo

var tr = o.parentNode.parentNode;

通过find()方法获取tr行中字段值

1、根据name取值:

var ss=$(tr).find("select[name='measures']").val();//下拉框

var ss=$(tr).find("input[name='measures']").val();//input

2、根据id取值

var ss=$(tr).find("#measures']").val();
alert(ss)

}

 

更多的选择器实例,详见w3school网站

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章