语法解释:
1 | $( "#select_id" ).change( function (){ |
2 | var checkText=$( "#select_id" ).find( "option:selected" ).text(); |
3 | var checkValue=$( "#select_id" ).val(); |
4 | var checkIndex=$( "#select_id " ).get(0).selectedIndex; |
5 | var maxIndex=$( "#select_id option:last" ).attr( "index" ); |
jQuery设置Select选择的Text和Value:
语法解释:
1 | $( "#select_id " ).get(0).selectedIndex=1; |
2 | $( "#select_id " ).val(4); |
3 | $( "#select_id option[text='jQuery']" ).attr( "selected" , true ); |
jQuery添加/删除Select的Option项:
语法解释:
1 | $( "#select_id" ).append( "<option value='Value'>Text</option>" ); |
2 | $( "#select_id" ).prepend( "<option value='0'>请选择</option>" ); |
3 | $( "#select_id option:last" ).remove(); |
4 | $( "#select_id option[index='0']" ).remove(); |
5 | $( "#select_id option[value='3']" ).remove(); |
6 | $( "#select_id option[text='4']" ).remove(); |
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关获取一组radio被选中项的值
1 | var item = $( 'input[@name=items][@checked]' ).val(); |
获取select被选中项的文本
1 | var item = $( "select[@name=items] option[@selected]" ).text(); |
select下拉框的第二个元素为当前选中值
1 | $( '#select_id' )[0].selectedIndex = 1; |
radio单选组的第二个元素为当前选中值
1 | $( 'input[@name=items]' ).get(1).checked = true ; |
获取值:
- 文本框,文本区域:$(“#txt”).attr(“value”);
- 多选框checkbox:$(“#checkbox_id”).attr(“value”);
- 单选组radio: $(“input[@type=radio][@checked]“).val();
- 下拉框select: $(‘#sel’).val();
控制表单元素:
文本框,文本区域:
$(“#txt”).attr(“value”,”);//清空内容
$(“#txt”).attr(“value”,’11′);//填充内容
多选框checkbox: $(“#chk1″).attr(“checked”,”);//不打勾
$(“#chk2″).attr(“checked”,true);//打勾
if($(“#chk1″).attr(‘checked’)==undefined) //判断是否已经打勾
单选组radio: $(“input[@type=radio]“).attr(“checked”,’2′);//设置value=2的项目为当前选中项
下拉框select: $(“#sel”).attr(“value”,’-sel3′);//设置value=-sel3的项目为当前选中项
$(“<option value=’1′>1111</option><option value=’2′>2222</option>”).appendTo(“#sel”)//添加下拉框的option
$(“#sel”).empty();//清空下拉框
—————————————————————————————————-
//遍历option和添加、移除option
01 | function changeShipMethod(shipping) { |
02 | var len = $( "select[@name=ISHIPTYPE] option" ).length |
03 | if (shipping.value != "CA" ) { |
04 | $( "select[@name=ISHIPTYPE] option" ).each( function () { |
05 | if ($( this ).val() == 111) { |
10 | $( "<option value='111'>UPS Ground</option>" ).appendTo($( "select[@name=ISHIPTYPE]" )); |
//取得下拉选框的选取值
$(#testSelect option:selected’).text();
或 $(“#testSelect”).find(‘option:selected’).text();
或 $(“#testSelect”).val();