드롭다운 상자에서 텍스트 가져오기

Question

이는 내 드롭다운 메뉴에서 선택한 항목의 값을 가져옵니다.

document.getElementById('newSkill').value

그러나 현재 드롭다운 메뉴에 표시되는 텍스트에 대해 어떤 속성을 따라야 할지 알 수 없습니다."텍스트"를 시도한 다음 살펴 보았습니다. W3학교 하지만 그건 답이 없었어요. 여기 아는 사람 있나요?

확실하지 않은 분들을 위해 드롭다운 상자에 대한 HTML이 있습니다.

<select name="newSkill" id="newSkill">
    <option value="1">A skill</option>
    <option value="2">Another skill</option>
    <option value="3">Yet another skill</option>
</select>

Answer 1

예제 HTML 코드를 기반으로 현재 선택된 옵션의 표시된 텍스트를 가져오는 한 가지 방법은 다음과 같습니다.

var skillsSelect = document.getElementById("newSkill");
var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;

Answer 2

선택한 값의 텍스트 값을 반환해야 합니다.

var vSkill = document.getElementById('newSkill');

var vSkillText = vSkill.options[vSkill.selectedIndex].innerHTML;

alert(vSkillText);

소품:질문을 읽고, 질문 내용을 알고, 다른 사람들이 알아내기 전에 답변해 주신 @Tanerax.

편집하다:DownModed, 실제로 질문을 완전히 읽고 답변했기 때문에 슬픈 세상입니다.

Answer 3

간단히 말해서 Javascript 대신 Jquery를 사용할 수 있습니다.

$("#yourdropdownid option:selected").text();

이 시도.

Answer 4

document.getElementById('newSkill').options[document.getElementById('newSkill').selectedIndex].value 

작동해야 함

Answer 5

이 방법은 제가 직접 시도해 보았으며 누군가 필요할 경우를 대비해 여기에 게시할 생각이었습니다...

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

Answer 6

선택한 각 옵션에 대한 텍스트를 가져오고 이를 div에 쓰는 선택 항목에 변경 이벤트를 첨부합니다.

jQuery를 매우 성공적이고 사용하기 쉽게 사용할 수 있습니다.

<select name="sweets" multiple="multiple">
  <option>Chocolate</option>
  <option>Candy</option>
  <option>Taffy</option>
  <option selected="selected">Caramel</option>
  <option>Fudge</option>
  <option>Cookie</option>
</select>
<div></div>


$("select").change(function () {
  var str = "";

  $("select option:selected").each(function() {
    str += $( this ).text() + " ";
  });

  $( "div" ).text( str );
}).change();

Answer 7

이게 정답이 되나요?

document.getElementById("newSkill").innerHTML

Answer 8

function getValue(obj)
{  
   // it will return the selected text
   // obj variable will contain the object of check box
   var text = obj.options[obj.selectedIndex].innerHTML ; 

}

HTML 조각

 <asp:DropDownList ID="ddl" runat="server" CssClass="ComboXXX" 
  onchange="getValue(this)">
</asp:DropDownList>

Answer 9

    var ele = document.getElementById('newSkill')
    ele.onchange = function(){
            var length = ele.children.length
            for(var i=0; i<length;i++){
                if(ele.children[i].selected){alert(ele.children[i].text)};              
            }
    }   

Answer 10

var selectoption = document.getElementById("dropdown");
var optionText = selectoption.options[selectoption.selectedIndex].text;

Answer 11

아래 방법을 시도해 보세요. 이것이 가장 쉬운 방법이며 완벽하게 작동합니다.

var newSkill_Text = document.getElementById("newSkill")[document.getElementById("newSkill").selectedIndex];

Answer 12

쉽고 짧은 방법이 있습니다.

document.getElementById('elementID').selectedOptions[0].innerHTML