jQuery ajouter décimal à SELECT, pas de doublons avec l'option pour supprimer

Question

OK va ici: Nécessité de filtrer les doublons et la possibilité de supprimer les valeurs ajoutées à une boîte de 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> 

J'ai regardé this thread mais manque quelque chose.

Answer 1

Je ne suis pas sûr de ce que vous demandez, donc une clarification serait utile. Voici ma fissure à ce que vous cherchez:

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> 

HTML

<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>