Jquery取值方法汇总

一、下拉框

1、jquery获取当前选中select的text值

 var a = $("#ShareMoneyType").find("option:selected").text(); 

2、jquery获取下拉框选中的Value值

var v = $("#ShareMoneyType").val();

3、jquery获取当前选中select的索引值

$("#select1").get(0).selectedIndex; 

4、jquery设置索引值为1的项为当前选中项

$("#select1").get(0).selectedIndex=1; 

5、jquery设置value值1的项为当前选中项

$("#select1").val(1);

6、jquery设置text值为"2017"的项为当前选中项

$("#select1 option[text='2017']").attr("selected",true); 

7、为指定select下拉框追加一个option（追加到在末尾）

$("#select1").append(""+i+""); 

8、为制定select下拉框插入一个option（插入到第一个位置）

$("#select1").prepend("请选择"); 

9、jquery删除select下拉框的最后一个option

$("#select1 option:last").remove();

10、清空select控件内容

$("#select1").empty();

二、文本框

1、获取文本框的值：

 var id=$("#B2BProductID").val()；

2、为文本框动态赋值：

 $("#Name").attr("value", “我为你动态赋值”);

3、为span标签动态赋值：

var a=$("#oneLove").html("价格只能为整数");

三、单选按钮和多选按钮

获取多选按钮的状态

 var ticket = $("#IsTicketRobbing").prop("checked");     //返回bool类型

获取多选按钮选中的值

var fruit = "";
var vegetable = "";
 $("input:checkbox[name='fruit']:checked").each(function() {
     fruit += $(this).val() + " ";
   });

获取选中单选按钮的值

var val=$('input:radio[name="sex"]:checked').val();

为Button 按钮绑定click事件：

$("#SyncB2BProductData").bind("click", function () {
                if ($("#B2BProductID").val() == "0") {
                    alert("请输入该产品要对应绑定的b2b产品ID");
                    $("#B2BProductID").focus();
                    return false;
                }
});
或者
$("#btnSubmit").click(function(){
　　//事件
});

事件：

<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('#mySelect').change(function(){
alert($(this).children('option:selected').val());
var p1=$(this).children('option:selected').val();//这就是selected的值
var p2=$('#param2').val();//获取本页面其他标签的值
window.location.href="xx.php?param1="+p1+"¶m2="+p2+"";//页面跳转并传参
})
})
</script>

<select id="mySelect">
<option value="1">one</option>
<option value="2" selected="selected">two</option>
<option value="3">three</option>
</select>
<input type="text" value="ooo" name="param2" id="param2"/>