jQuery は選択した項目を動的に追加および削除します (実装コード)

以下は、jQuery項目の動的追加削除選択の実装コードの詳細な分析と紹介です。必要な友達はそれを参照してください

コードをコピーしてください コードは次のとおりです:

//
functionを追加しますcol_add( ) {
var selObj = $("#mySelect");
var value="value";
var text="text";
selObj.append("gt;" +text+"");
}
//
functionを削除しますcol_delete() {
var selOpt = $("#mySelect option:selected");
selOpt.remove();
}
// Clear
functioncol_clear() {
var selOpt = $("#mySelect option");
selOpt.remove();
}

上記のメソッドは jQuery 用です選択を動的に追加、削除、クリアします。以下は純粋な JS の記述方法です:

コードをコピーします コードは次のとおりです:

var sid = document.getElementById("mySelect");
sid.options[sid.options.length ]=new Option(" text","value"); // 選択の最後に項目を追加します

その他の一般的に使用されるメソッド:

コードをコピーします コードは次のとおりです:

$("#mySelect").change(function( ){//code...}); //選択した項目が変更されるとトリガーされます

// 選択値を取得します
var text=$("#mySelect") .find("option:selected").text() ; //Text
varを取得します value=$("#mySelect").val(); //Value
varを取得します value=$("#mySelectオプション:selected").attr( "value"); //選択項目の値を取得します
varindex=$("#mySelect").get(0).selectedIndex; //選択項目のindex値を取得します0 から始まる項目を選択します
varindex =$("#mySelect option:selected").attr("index"); //使用できません! ！ ！
var index=$("#mySelect option:selected").index(); //Select 項目のインデックス値を 0 から取得します
var maxIndex=$("#mySelect option:last").attr( " インデックス"); // 利用できません! ！ ！
var maxIndex=$("#mySelect option:last").index();//0 から始まる Select の最大インデックス値を取得します
$("#mySelect").prepend("text"); //Select の最初の項目の前に項目を挿入します

//選択値を設定します
//インデックスに従って選択された項目を設定します
$("#mySelect") .get(0).selectedIndex =index;//index はインデックス値です
//value に従って選択された項目を設定します
$("#mySelect").attr("value","newValue"); "#mySelect").val("newValue ");
$("#mySelect").get(0).value = value;
//テキストに従って、対応する項目を選択された項目として設定します
var count= $("#mySelect オプション").length;
for (var i=0;i{
if($("#mySelect").get(0).options[i].text = = テキスト)
{
$("#mySelect") .get(0).options[i].selected = true;
ブレーク;

以上がjQuery は選択した項目を動的に追加および削除します (実装コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。