2017-06-14 5 views
0

選択オプションにdivを追加し、選択ドロップダウンで無効にしたいと考えています。ボタンの選択オプションを有効にする

私は削除ボタンを使って作業していますが、削除ボタンが押されている場合は選択オプションを再度有効にしたい - これはこれまでできなかったことです。

親切に助けてもらえますか?

jQueryソリューションが望ましいがJavaScriptソリューションも良い。無効/有効にする代わりに、非表示/表示などのソリューションを開きます。

$('select').on('change', function(e) { 
 
    $('#here').append('<div>' + $(this).val() + '<button>DELETE</button> </div>'); 
 
    $('option:selected', this).attr('disabled', true); 
 
}); 
 

 
$("div").on("click", "button", function(e) { 
 
    e.preventDefault(); 
 
    var value = $(this).val(); 
 
    $('select').find($('option:selected', this)).attr('disabled', false); 
 
    $(this).parent().remove(); 
 
});
div { 
 
    border: 1px solid #999; 
 
    padding: 15px 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select> 
 
    <option>Please select one</option> 
 
    <option>Volvooooo</option> 
 
    <option>Saaaaaab</option> 
 
    <option>Mercedeeeeeeees</option> 
 
    <option>Audiiiiiii</option> 
 
    </select> 
 

 
<div id="here">Nothing selected yet</div>

私の知る限り、これは重複問題ではないことに注意してください - それは、ほとんどの重複としてマークされていることを疑問は確かに私の質問に関連していません、具体的には、ボタンクリック時に無効なプロパティを削除することです。あなたが実際に適切な重複を見つけない限り(私は約2時間のSOを検索することができませんでした)、私の質問を閉じないでください。

+0

は 'this'は、クリックイベントハンドラにありますか? – Musa

+0

@Musa - 削除ボタン? – iwillbeawebdeveloper

+0

しかし、あなたはそれを持っていない '$( 'option:selected'、this)'とここに '$(this)).val()'の子孫オプションを見つけるのにこれを使用します。 – Musa

答えて

0

ブール値をtrueではなくfalseに変更します。あなたはどう思います

$('option:selected', this).attr('disabled', false);

関連する問題