JQuery对表单元素的基本操作使用总结

select下拉列表www.usus.cconChange事件之JQuery实现：


JQuery：


$(document).ready(function () { 
$("#selectMenu").bind("change", function () { 
if ($(this).val() == "pro1") { 
$("#pro1").slideDown(); 
$("#pro2").slideUp(); 
} www.e78.com
else if($(this).val() =="pro2") { 
$("#pro2").slideDown(); 
$("#pro1").slideUp(); 
} 
}); 
}); HTML: 




<select id="selectMenu"> 
<option value="" >Please select product below</option> 
<option value="pro1">Product 1</option> 
<option value="pro2">Product 2</option> 
</select>
//1.jQuery对select的基本操作 
$("#select_id").change(function(){ //code...}); //为Select添加事件，当选择其中一项时触发 


var checkValue=$("#select_id").val(); //获取Select选择的Value 
var checkValue = $('.formc select[@name="country"]').val(); //得到下拉菜单name=country的选中项的值 
var checkValue=$("#select_id").val().join(","); //获取select多选(multiple="true"时候) 的value