<select> 요소에서 선택한 <option>의 텍스트 검색 <option value=”2″>Test Two</option> </select> JavaScript를 사용하여

다음에서 : 

<select id="test">
    <option value="1">Test One</option>
    <option value="2">Test Two</option>
</select>

JavaScript를 사용하여 선택한 옵션 (예 : “Test One”또는 “Test Two”)의 텍스트를 얻으려면 어떻게해야합니까?

document.getElementsById('test').selectedValue 1 또는 2를 반환합니다. 선택한 옵션의 텍스트를 반환하는 속성은 무엇입니까?

답변

function getSelectedText(elementId) {
    var elt = document.getElementById(elementId);

    if (elt.selectedIndex == -1)
        return null;

    return elt.options[elt.selectedIndex].text;
}

var text = getSelectedText('test');

답변

jQuery를 사용하는 경우 다음 코드를 작성할 수 있습니다.

$("#selectId option:selected").html();

답변

document.getElementById('test').options[document.getElementById('test').selectedIndex].text;

답변

HTML5에서 다음을 수행 할 수 있습니다.

document.getElementById('test').selectedOptions[0].text

https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/selectedOptions에있는 MDN의 문서는 Chrome, Firefox, Edge 및 모바일 브라우저를 포함한 완전한 브라우저 간 지원 (최소 2017 년 12 월 기준)을 나타냅니다. , 그러나 Internet Explorer는 제외됩니다.

답변

selectElement.options[selectElement.selectedIndex].text;

참조 :

답변

이 options속성에는 모든 것이 포함되어 <options>있습니다..text

document.getElementById('test').options[0].text == 'Text One'

답변

를 사용 selectedIndex하여 현재 선택한 항목을 검색 할 수 있습니다 option.

el = document.getElementById('elemId')
selectedText = el.options[el.selectedIndex].text