[javascript] 자바 스크립트 선택 상자의 선택된 텍스트를 얻는 방법

Question 1

이것은 완벽하게 작동합니다

<select name="selectbox" onchange="alert(this.value)">

하지만 텍스트를 선택하고 싶습니다. 나는 이렇게 시도했다

<select name="selectbox" onchange="alert(this.text)">

정의되지 않은 것으로 표시됩니다. DOM을 사용하여 텍스트를 얻는 방법을 찾았습니다. 하지만 저는 이것을 이렇게하고 싶습니다. 저는 this.value를 사용하는 것과 같습니다.

Question 2

this.options[this.selectedIndex].innerHTML

선택한 항목의 “표시된”텍스트를 제공해야합니다. this.value당신이 말했듯이은 단지 value속성 의 값을 제공 합니다.

Question 3

선택한 항목의 값을 얻으려면 다음을 수행 할 수 있습니다.

this.options[this.selectedIndex].text

여기에서 다른 options선택 항목에 액세스하고을 SelectedIndex사용하여 선택한 항목을 선택한 다음text 액세스됩니다.

여기 에서 선택 DOM에 대해 자세히 알아 보세요 .

Question 4

이 코드를 시도하십시오 :

$("#YourSelect>option:selected").html()

Question 5

그냥 사용

$('#SelectBoxId option:selected').text(); 나열된 텍스트 얻기

$('#SelectBoxId').val(); 선택 인덱스 값 가져 오기

Question 6

아무도 여기서 jQuery 솔루션을 요구하지 않는다는 것을 알고 있지만 jQuery를 사용하면 다음과 같이 요청할 수 있습니다.$('#selectorid').val()

Question 7

값을 얻으려면 id = “selectBox”가있는 선택 요소에이 코드를 사용할 수 있습니다.

let myValue = document.querySelector("#selectBox").value;

텍스트를 얻으려면이 코드를 사용할 수 있습니다.

var sel = document.getElementById("selectBox");
var text= sel.options[sel.selectedIndex].text;