HTML SELECT-JavaScript를 사용하여 선택한 옵션을 VALUE로 변경

HTML SELECT-JavaScript를 사용하여 선택한 옵션을 VALUE로 변경

---

SELECT 드롭 다운에는 많은 옵션이있을 수 있습니다.

<select id="sel">
    <option value="car">1</option>
    <option value="bike">2</option>
    <option value="cycle">3</option>
    ...
</select>

사용자 프로필이 데이터베이스에서 검색되고 해당 값과 함께 양식이 표시되는 프로필 업데이트 페이지를 만들고 있습니다. 그것이 올 때 SELECT드롭 다운, 많은 옵션이 있습니다. 따라서 지루한 모든 값을 테스트합니다.

if (value == '1')
    echo "<option selected value='car'>1</option>";`

따라서 해당 값에서 해당 옵션을 선택하고 싶습니다. sel.value = 'bike'JavaScript를 사용 하는 것과 같은 작업을 수행 할 때 옵션 2 를 선택해야합니다.

---

javascript를 사용하여 값을 선택할 수 있습니다.

document.getElementById('sel').value = 'bike';

데모

---

jQuery를 사용하는 경우 :

$('#sel').val('bike');

---

이것을 시도하십시오 ....

JSFIDDEL 데모

자바 스크립트 사용

​document.getElementById('sel').value = 'car';​​​​​​​​​​

jQuery 사용

$('#sel').val('car');

---

document.getElementById('drpSelectSourceLibrary').value = 'Seven';

참고 URL : https://stackoverflow.com/questions/12265596/html-select-change-selected-option-by-value-using-javascript