JavaScript를 사용하여 select 에서 선택한 값 가져 오기

질문 : JavaScript를 사용하여 드롭 다운 목록에서 선택한 값 가져 오기

---

JavaScript를 사용하여 드롭 다운 목록에서 선택한 값을 가져 오려면 어떻게합니까?

아래 방법을 시도했지만 모두 값 대신 선택한 인덱스를 반환합니다.

 

var e = document.getElementById("ddlViewBy");
function show(){
  var as = document.forms[0].ddlViewBy.value;
  var strUser = e.options[e.selectedIndex].value;
  console.log(as, strUser);
}
e.onchange=show;
show();

<form>
  <select id="ddlViewBy">
    <option value="1">test1</option>
    <option value="2" selected="selected">test2</option>
    <option value="3">test3</option>
  </select>
</form>

답변

---

다음과 같은 선택 요소가있는 경우 :

<select id="ddlViewBy">
  <option value="1">test1</option>
  <option value="2" selected="selected">test2</option>
  <option value="3">test3</option>
</select>

이 코드 실행 :

var e = document.getElementById("ddlViewBy");
var strUser = e.value;

strUser 를 2 만들 것입니다. 실제로 원하는 것이 test2 경우 다음을 수행하십시오.

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;

strUser 가 test2

출처 : https://stackoverflow.com/questions/1085801/get-selected-value-in-dropdown-list-using-javascript