2017-03-08 1 views
0

に選択項目を追加する方法。私のフィドルhttp://jsfiddle.net/2br68kjv/はすでに「ロックと 『紙』を表示するtagboxを示しています。私が望むのは、内容を「紙」と「はさみ」で置き換えることです。私の考えはタグボックスをクリアしてから、新しい選択肢を追加することでした。実際の生活の中で私のリストは非常に長いですし、最初のtagboxのすべてをクリアすると、コードの多くを保存します。しかし、.val( '')を使ってタグボックスをクリアした後は何も動作しないようです。どんなアイデアも高く評価されましたtagboxをリフレッシュして、私はうまく機能SELECT2ドロップボックスを持っていますが、私はjqueryのを使用してユーザーの選択を上書きできるようにしたいSelectセレクト

<select id="dropList" style="width:300px" multiple="multiple"> 
    <option value="Rock">Rock</option> 
    <option value="Paper">Paper</option> 
    <option value="Scissors">Scissors</option> 
</select> 

<br> 
<br> 
<button name="button" id='buttoncode' value="OK" type="button">Click Me</button> 



$("#dropList").select2(); 
$('#dropList').val(["Rock","Paper"]).trigger('change.select2'); 

$("#buttoncode").on("click", function() { 

$('#dropList').val('').trigger('change.select2'); 

var sel=$('#dropList').val(); 
sel.push("Paper"); 
sel.push("Scissors"); 
$('#dropList').val(sel).trigger('change.select2'); 

}) 



select { 
width:300px; 
} 

答えて

1

オプションのリストを変更しないで最初の選択を別の選択に置き換えたいと思っていますか?もしそうなら、値をもう一度設定するだけでやりました。 http://jsfiddle.net/kygk7ef4/

+1

ありがとう:

$("#buttoncode").on("click", function() { // overwrite selection $('#dropList').val(["Paper", "Scissors"]).trigger('change.select2'); $('#dropList').val(sel).trigger('change.select2'); }) 

はここでフィドルです。時には私は木の木を見ることができません! – Silverburch

関連する問題