ホームページ >ウェブフロントエンド >jsチュートリアル >Select の一般的な設定および取得方法のまとめ
1. select で選択されたテキストを取得します:
$("#cusChildTypeId").find("option:selected").text();
$("#cusChildTypeId option:selected").text()
2 . select で選択された値を取得します:
$("#ddlRegType ").val();
3. select で選択された index を取得します $("#ddlRegType ").get(0).selectedIndex;
4 .選択項目の数を取得します
$("#cusChildTypeId").get(0).options.length
5. 選択された選択のインデックスを設定します:
$("#cusChildTypeId").get(0) ).selectedIndex=index;//index はインデックス値です
6. select の値を設定します:
$("#cusChildTypeId").attr("value","Normal");
$("#cusChildTypeId ").val(" Normal");
$("#cusChildTypeId").get(0).value = "Normal";
7. 選択したテキストを設定:
1>.
var count=$("#cusChildTypeId").get(0).options.length; for(var i=0;i<count;i++) { if($("#cusChildTypeId").get(0).options.text == text) { $("#cusChildTypeId").get(0).options.selected = true; break; } }2>.
$("#cusChildTypeId").val(text); $("#cusChildTypeId").change();8. 選択する項目を追加します。表示される内容はテキストで、値は value です
$("#cusChildTypeId").get(0).options.add(new Option(text,value));
9.
値 var count = $("#cusChildTypeId").size();
for(var i=0;i<count;i++)
{
if($("#cusChildTypeId").get(0).options[i].value == value)
{
$("#cusChildTypeId").get(0).remove(i);
break;
}
}
の項目を削除します10.選択をクリアします:
2>。 .options.length = 0;
例:
$("document").ready(function(){ $("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选 }) $("#btn2").click(function(){ $("[name='checkbox']").removeAttr("checked");//取消全选 }) $("#btn3").click(function(){ $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 }) $("#btn4").click(function(){ $("[name='checkbox']").each(function(){//反选 if($(this).attr("checked")){ $(this).removeAttr("checked"); } else{ $(this).attr("checked",'true'); } }) }) $("#btn5").click(function(){//输出选中的值 var str=""; $("[name='checkbox'][checked]").each(function(){ str+=$(this).val()+"\r\n"; //alert($(this).val()); }) alert(str); }) })
以上がSelect の一般的な設定および取得方法のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。