select 박스의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 jQuery로 선택하는 방법

질문 : 선택 상자의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 jQuery로 선택하는 방법은 무엇입니까?

---

핵심 jQuery를 사용하여 선택 상자의 모든 옵션을 제거한 다음 하나의 옵션을 추가하고 선택하는 방법은 무엇입니까?

내 선택 상자는 다음과 같습니다.

<Select id="mySelect" size="9"> </Select>

편집 : 다음 코드는 연결에 도움이되었습니다. 그러나 (Internet Explorer에서) .val('whatever') 은 추가 된 옵션을 선택하지 않았습니다. .append 와 .val 에서 동일한 '값'을 사용했습니다.)

$('#mySelect').find('option').remove().end()
.append('<option value="whatever">text</option>').val('whatever');

편집 :이 코드를 모방하기 위해 페이지 / 양식이 재설정 될 때마다 다음 코드를 사용합니다. 이 선택 상자는 라디오 버튼 세트로 채워집니다. .focus() .selected= "true" 와 같이 옵션이 선택된 것처럼 보이지 않았습니다. 내 기존 코드에는 문제가 없습니다. jQuery를 배우려고합니다.

var mySelect = document.getElementById('mySelect');
mySelect.options.length = 0;
mySelect.options[0] = new Option ("Foo (only choice)", "Foo");
mySelect.options[0].selected="true";

편집 : 선택한 답변이 내가 필요한 것에 가깝습니다. 이것은 나를 위해 일했습니다.

$('#mySelect').children().remove().end()
.append('<option selected value="whatever">text</option>') ;

하지만 두 가지 대답 모두 저를 최종 해결책으로 이끌었습니다 ..

답변

---

$('#mySelect')
    .find('option')
    .remove()
    .end()
    .append('<option value="whatever">text</option>')
    .val('whatever')
;

출처 : https://stackoverflow.com/questions/47824/how-do-you-remove-all-the-options-of-a-select-box-and-then-add-one-option-and-se