Jquery操作下拉框、按钮、复选框：获取、选中、删除、隐藏等
最近做项目需要对下拉框进行不同选取，特此整理下相关操作。
一、普通下拉框示例
<select id="testId" name="testName"><option value="1">张三一</option><option value="2">李四</option><option value="3">王五</option></select>
1：获取下拉框中的值
$("#testId").val();//获取选中的value值$("#testId").find("option:selected").val();//获取选中的value值$("#testId").find("option:selected").text();//获取选中的text值
2：选中具体的值（方式一）
$("#testId option:eq(1)").attr("selected","selected");//select选中第二个option$("#testId").val("2");//设置value为2的项选中
3：选中具体的值（方式二）
var count=$("#useCompany option").length;var text = $("#text_useCompany_display").val();if(text){for(var i=0;i<count;i++){ if($("#useCompany").get(0).options[i].text == text){$("#useCompany").get(0).options[i].selected = true;break;}}$("#useCompany option[text="+text+"]").attr("selected", true);}
二、动态表格下拉框数据
根据保存的隐藏域的值选中下拉框值
$("#PD00013 tbody tr").each(function(){var text = $(this).find("[name^=text_departure_display]").val();var value = "";$(this).find("[name^=departure] option").each(function(){if($(this).text()==text){value = $(this).val();}});$(this).find("[name^=departure]").val(value);});
三、Jquery选中、删除单选、多选按钮
选中AAC汽运状态：
//选中按钮的第一个值$("input[name='radio1']:eq(0)").attr("checked",'checked');$("input[name='outsourcingOrNot']:eq(0)").prop("checked",'checked');//选中值为AAC汽运的按钮$(":radio[name='radio1'][value='" + AAC汽运 + "']").prop("checked", "checked");//获取选中的值$('input[name="radio1"]:checked').val();
删除选中的AAC汽运按钮：
//删除选中的按钮值$("#radio1").removeAttr("checked");$('input:radio[name="isWaiBaoOrNot"]').removeAttr('checked');$('input:radio[name=outsourcingOrNot]').attr('checked',false);
操作动态表格中单选按钮：
var ifreturn = $("#ifReturn option:selected").val();//获取下拉框选中的值$("#tht tbody tr").each(function(){ //遍历动态表格if (ifreturn == 0) { //否//移除选中状态$(this).find("[name^=deliveryOrderType]").removeAttr("checked");$(this).find("[name^=deliveryOrderType]").eq(1).prop('checked', 'checked');//选中第二个单选按钮//$('input:radio[name^="deliveryOrderType"]').prop('checked',false); 清除单选按钮} else if(ifreturn == 1){ //是//移除选中状态$(this).find("[name^=deliveryOrderType]").removeAttr("checked");//选中第一个单选按钮$(row).find("[name^=deliveryOrderType]")[1].checked = true;$(this).find("[name^=deliveryOrderType]").eq(0).prop('checked', 'checked');//选中单选按钮}});
如果设置不可编辑，则用如下方法：
$('#CustomerInfo').attr("disabled","true");//普通下拉框$('#CustomerInfo').removeAttr("disabled");//移除下拉框不可编辑$("#tht tbody tr").each(function(){$(this).find("[name^=deliveryOrderType]").attr('disabled', true);//动态表格});
如果隐藏按钮，则通过前面添加div，通过div控制
<td><div id="onlyWayStyle"><sot:radio id="onlyWay" name="onlyWay" staticvalue="1|是,2|否" ></sot:radio></div><td>
$(“#onlyWayStyle”).hide();//隐藏
$(“#onlyWayStyle”).show();//显示
四、复选框隐藏
分析域账号value值为yzh
隐藏域账号复选框
$('[name=IT13_applyType][value=yzh]').prop('disabled', true).parent().hide();
效果如下
柔情只为你懂
以你之姓@
àì夳堔傛蜴生んèń
爱被打了一巴掌
还没有评论，来说两句吧...