jQueryはSELECTに小数点以下を追加します。削除するオプションは重複しません。

Question

ここをクリックしてください。重複を除外し、追加された値をSELECTボックスに取り除く必要があります。

Number: <input type="text" name="number" /> 
<br /> 
<!-- Clicking the button should add an option w/ the value being the text displayed --> 
<button type="button">Add</button> 
<br /> 
<Select id="mySelect" size="9"></Select> 
<br /> 
<!-- Display only if SELECT box has a value --> 
<button type="button" hidden="hidden">Remove</button> 

私はthis threadに見えたが、まだ何かが欠けています。

Answer 1

あなたが何を求めているのかよくわからないので、明確化が役立ちます。

Javascriptを

<script type="text/javascript" charset="utf-8"> 
$(function() {  
    // Add number from <input> as an <option> to the <select> 
    $('#add_number').click(function() { 
    // Get Number from <input> 
    var numberToAdd = $('#number_to_add').val(); 

    // Make sure it's not a duplicate; if so, don't add 
    var match = false; 
    $('#mySelect option').each(function() { 
     if (numberToAdd == this.value) match = true; 
    }); 
    if (match) return false; 

    // Add the number to the <select> 
    $('#mySelect').append(
     $('<option></option>').html(numberToAdd).val(numberToAdd) 
    ); 

    // Show the remove button 
    $('#remove_selected').show(); 
    return false; 
    }); 

    // Remove the currently selected <option> in the <select> 
    $('#remove_selected').click(function() { 
    $('#mySelect option:selected').remove(); 
    return false; 
    }); 
}) 
</script> 

私はここに質問を理解していないよ

<form action="#"> 
    <p> 
    Number: <input type="text" name="number_to_add" id="number_to_add" /> 
    <button id="add_number" type="button">Add</button> 
    </p> 
    <p> 
    <select id="mySelect" size="9"></select> 
    <button id="remove_selected" type="button" style="display:none;">Remove</button> 
    </p> 
</form>