Javascriptをonclickの要素（ラベル）

Question

私は現在、Webアプリケーションを開発しています、ドラフトリンクを作成します言語 "と"テキスト "/新しい行はラベルにする必要があります。

英語「BuildingName01」（アイコンを削除） アラビア語「XXXXX05」（アイコンを削除）

と私は選択カントとして、それは、ドロップダウンメニューから、英語とアラビア語を削除する必要があります。私は2回を追加した場合たとえば、言語は2度。

現在のjavascriptのコードは次のとおりです。あなたが特定のオプションを削除することができます[OK]ボタンをクリックするだけで

<script type="text/javascript"> 
    $(document).ready(function(){  

     $('.del').live('click',function(){ 
      $(this).parent().parent().remove(); 
     }); 

     $('.add').live('click',function(){ 
      $(this).val('Delete'); 
      $(this).attr('class','del'); 

      var appendTxt = "<tr><td><select class='form-control form-control-bottom lang' name='input_box_one[]'><option>Language</option><option>English</option><option>Hindi</option></select></td> <td><input type='text' name='input_box_two[]' /></td> <td><input type='button' class='add' value='Ok' /></td></tr>"; 

      $("#options-table tr:first").before(appendTxt);   
     });   
    }); 
</script> 

Answer 1

：

var item = "Hindi"; 
$("select option:contains('"+item+"')").remove(); 

Answer 2

あなたが特定の要素を削除したい場合は、これを介して除去することができます

$("#selectBox option[value='English']").remove(); 

ただし、これを動的にするには、まず選択した値を取得する必要がありますインデックス：

後

var option = $('#selector :selected').val() 

、のような、動的なセレクタを使用して、これを削除します。

$("#selectBox2 option[value='" + option + "]") 

EDIT：更新ポスト：

私がダウンし、さらには、あなたがより複雑に行く、ということをお勧めしたいですこのオブジェクトは維持することになります。したがって、私は、動的に要素を文字列で追加するのではなく、代わりに配列を使用して生成することをお勧めします。これはこのFiddleに見ることができます。明らかに、これは新しいバージョンのjQueryを使用するので、 'On'を 'Live'メソッドで置き換えることができます。

これは、まず新しいselect要素作成することで動作します

：次に

var newSelect = $('<select/>'); 

は、この選択

$(this).parent().find("option:not(:selected)").each(function() { 
    newSelect.append($('<option/>').html($(this).val())); 
}); 

&最後に文書

にこれを追加するオプションとして、現在のドロップダウンから、各要素が追加されます

$("#options-table").before(newSelect);