ホームページ > 記事 > ウェブフロントエンド > jQuery が Select のオプションの Text 値と Value 値を取得する方法
この記事の内容は、jQuery が Select のオプションの Text 値と Value 値を取得する方法についてです。必要な方は参考にしていただければ幸いです。
ラジオで選択された一連の項目の値を取得します:
var item = $('input[name=items][checked]').val();
選択された項目のテキストを取得します
var item = $("select[@name=items] option[@selected]").text();
選択された項目のテキストを取得します:
var item = $("select[name=items] option[selected]").text(); 或 $("select[name=items]").find("option:selected").text();
の 3 番目を選択しますドロップダウン ボックス 2 つの要素は現在選択されている値です:
$('#select_id')[0].selectedIndex = 1;
select ドロップダウン ボックスの値 = 'val' 要素は現在選択されている項目です:
$("select[name=items] option[value='val']").attr("selected","selected");
radio ラジオ選択の 2 番目の要素グループは現在選択されている項目です:
$('input[@name=items]').get(1).checked = true; 或 $('input[name=items]').attr("checked", '1′);
radio の value = 'val' を持つ要素は現在選択されている項目です:
$('input[name=items] [value='val']').attr("checked","checked");
値の取得:
テキスト ボックス、テキスト エリア:
$("#txt").attr("value");
複数選択ボックスのチェックボックス:
$("input[name='checkbox':checked]").each(function(){ var val = $(this).val(); });
ラジオグループラジオ:
$("input[type=radio][checked]").val();
ドロップダウンボックス選択の値:
$('select').val();
ドロップダウンボックス選択の選択されたテキスト値:
$("select").find("option:selected").text();
Controlフォーム要素:
テキストボックス、テキストエリア:
$("#txt").attr("value","); //清空内容 $("#txt").attr("value",'11′); //填充内容
複数選択ボックスチェックボックス:
チェックボックスの 2 番目の要素がチェックされます:
$("input[name=items]").get(1).checked = true; //打勾 $("input[name=items]").get(1).checked = false; //不打勾
value='val' の要素の前にチェックボックスがチェックされます:
$("input[name=item][value='val']").attr("checked",true); 或 $("input[name=item][value='val']").attr("checked","checked");
if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾
ラジオ選択グループラジオ:
$("input[type=radio]").attr("checked",'2′);//设置value=2的项目为当前选中项
ドロップダウンボックス選択:
$("#sel").attr("value",'-sel3′);//设置value=-sel3的项目为当前选中项
$("<option value='1′>1111</option><option value='2′>2222</option>").appendTo("#sel")//添加下拉框的option $("#sel").empty();//清空下拉框
jQueryは、Radio
Code
$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值 $("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发 $("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发 $("#text_id").select(); //使文本框的Vlaue值成选中状态 $("input[name='radio_name'][value='要选中Radio的Value值'"). attr("checked",true); //根据Value值设置Radio为选中状态によって選択されたValue値を取得します。
jQueryは値を取得しますCheckBox で選択された値
$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 如果你想得到
Value このコレクションを走査するために必要な値
$($("input[name='checkbox_name'][checked]")). each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合 得到Value值 $("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false) $("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true) $("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false) $("input[name='checkbox_name']").attr ("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思 $("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组
関連推奨事項:
jQuery+PHP で、[選択] オプションで選択されたテキストと値を取得します (選択された都市の例を含む)
jQuery+PHP は、Select オプションのテキストと値を取得します (選択された都市の例を使用)
以上がjQuery が Select のオプションの Text 値と Value 値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。