<select>获取选定的选项编号

Question

所以我有一个＆lt; select＆gt;有选项，但我想要的选择一个选项来获得选项号。 我不希望他抓住属性（没有价值和文字）。因为它是动态的。 例： ＆lt; select id =“mySelect”＆gt;   ＆LT;选项＆GT;苹果＆LT; /选项＆GT;   ＆LT;选项＆GT;梨＆LT; /选项＆GT;   ＆LT;选项＆GT; Banana和LT; /选项＆GT;   ＆LT;选项＆GT;橙色与LT; /选项＆GT; ＆LT; /选择＆GT; 当我选择Apple时，我得到了回复1.所以Pear：2。依此类推。 我找到了：W3school，但这将显示有多少选项可用。 这里的人有什么解决方案？

Answer 1

您可以使用selectedIndex的{​​{1}}属性。

＆＃13;

＆＃13;

<select>

＆＃13;

$("#mySelect").change(function() {
  console.log("Selected option is " + this.selectedIndex);
})

＆＃13;

＆＃13;

＆＃13;

Answer 2

$('#mySelect').change(function(){
    $(#mySelect option).each(function(index){
        if ($(this).attr('selected') {
            console.log(index);
        }
    });
})

您可能必须根据您的查询版本

更改.proptr（）for .prop（）

也可以使用

$('#mySelect').change(function(){
    $("#mySelect option").index($("#mySelect option:selected"))
})

Answer 3

您可以使用纯JavaScript尝试这样的事情：

＆＃13;

＆＃13;

document.addEventListener('DOMContentLoaded', function(){
    var selectEle = document.getElementById('mySelect');
    selectEle.addEventListener('change', function(item){
        console.log(selectEle.selectedIndex + 1);
    });
});

＆＃13;

<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>

＆＃13;

＆＃13;

＆＃13;