Скрытие выпадающего окна и создание другого выпадающего окна, чтобы оно появилось в том же месте в JQUery

Question

Как изменить параметры в раскрывающемся списке с помощью JQuery.

Например,

 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>

Я хочу изменить параметры на

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

Как я хочу скрыть выделение, помеченное как 1, и сделать так, чтобы в этом месте появлялось 2.

Answer 1

Вы сможете сделать следующее:

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

Это удалит все опции из выбора и добавит 2 новых.