Ausblenden einer Dropdown-Box und Erstellen einer weiteren Dropdown-Box und Anzeigen derselben Position in JQuery

Question

So ändern Sie die Optionen in einer Dropdown-Box mithilfe von JQuery.

Für zB.

1. <select name="fieldSize" id="fieldSize"> 
<option>Choose a size </option> 
<option value="small">Small</option> 
<option value="medium">Medium</option> 
<option value="large">Large</option> 
</select> 

Ich möchte die Optionen wie

2. <select id="fieldSize" name="fieldSize"> 
    <option selected="selected" value="phone" id="fieldPhoneAmerican">### - ### - ####</option> 
    <option value="europhone" id="fieldPhoneEuro">International</option> 
</select> 

ändern Wie ich die Auswahl als 1 markiert ausblenden möchten und 2 zu machen, an diesem Ort zu erscheinen .Wie ich so tun kann.

Answer 1

Sie können folgendes tun:

$('#fieldSize').html('<option selected="selected" value="phone" id="fieldPhoneAmerican">### - ### - ####</option><option value="europhone" id="fieldPhoneEuro">International</option>'); 

Dies wird alle Optionen aus der Auswahl entfernen und fügen Sie die 2 neuen.