jqueryアクションselectドロップダウン・ボックス:値の取得、値の付与、削除
2113 ワード
1.jquery対selectの値
上のselectを例に挙げて説明します.
取得value:var value=$("#test").val();
取得text:var text=$("#test").find("option:selected").text();
Selectが選択したインデックス値を取得:var checkIndex=$("#test").get(0).selectedIndex;
Selectの最大インデックス値:var maxIndex=$("#test option:last")を取得します.attr("index");
2.jqueryによるselectの付与
jqueryはselectの動的付与に対して、動的付与は実際のプロジェクトで最も多く使用され、ドロップダウンボックスの2次連動とともに使用されることが多い.
以下の追加アクション
$("#test").append(「テスト5」);//SelectにOption(ドロップダウン)$("#test")を追加します.prepend(「テスト6」);//SelectにOptionを挿入する(最初の場所)
3.jqueryによるselectの削除
$("#test").empty();最も多く使われている
$("#test option:last").remove();//Selectのインデックス値の最大Optionを削除(最後)
$("#test option[index='0']").remove();//Selectのインデックス値が0のOption(##test option[value='3'])を削除します.remove();//SelectのValue='3'のOption$("#test option[text='4'])を削除する.remove();//SelectのText='4'のOptionを削除
上のselectを例に挙げて説明します.
取得value:var value=$("#test").val();
取得text:var text=$("#test").find("option:selected").text();
Selectが選択したインデックス値を取得:var checkIndex=$("#test").get(0).selectedIndex;
Selectの最大インデックス値:var maxIndex=$("#test option:last")を取得します.attr("index");
2.jqueryによるselectの付与
jqueryはselectの動的付与に対して、動的付与は実際のプロジェクトで最も多く使用され、ドロップダウンボックスの2次連動とともに使用されることが多い.
//
function getCityList(){
var provCd=$("#provList").val();
var billStyle=$("#billStyle").val();
if(provCd==""||billStyle=="")
return;
var optionstring="";
$("#cityList").empty();
$.ajax({
url:'/employ/bmfwAction!getBillCompanyBilProvCdAndType',
type:'post',
data:'billStyle='+billStyle+'&provCd='+provCd,
success:function(data){
$.each(data,function(key,value){ // json
optionstring += "";
});
$("#cityList").html(" "+optionstring); // select id,
}
});
}
以下の追加アクション
$("#test").append(「テスト5」);//SelectにOption(ドロップダウン)$("#test")を追加します.prepend(「テスト6」);//SelectにOptionを挿入する(最初の場所)
3.jqueryによるselectの削除
$("#test").empty();最も多く使われている
$("#test option:last").remove();//Selectのインデックス値の最大Optionを削除(最後)
$("#test option[index='0']").remove();//Selectのインデックス値が0のOption(##test option[value='3'])を削除します.remove();//SelectのValue='3'のOption$("#test option[text='4'])を削除する.remove();//SelectのText='4'のOptionを削除