javascript - 使用 JQuery 获取选择标签的 innerHTML 的值

Question

我在这里有这个选择标签

<select id = "options" style = "width:150px;">      
    <option>Artist Name</option>
    <option>Track Name</option>
    <option>Date Uploaded</option>
</select>

我正在使用 JQuery 获取当前选定的 innerHTML 值

   var option = $("#options").innerHTML;
   console.log(option);

但是每次我打印它只返回一个未定义的值。

Answer 1

jQuery 对象没有innerHTML属于 html dom 元素对象的属性。

var option = $("#options option:selected").html();
console.log(option);

Answer 2

您只需：

  $("#options").val();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id = "options" style = "width:150px;">      
    <option>Artist Name</option>
    <option>Track Name</option>
    <option>Date Uploaded</option>
</select>

Answer 3

<form>
<select id = "options" style = "width:150px;">      
    <option>Artist Name</option>
    <option>Track Name</option>
    <option>Date Uploaded</option>
</select>
<input type="text" id="optionstext"/>
<input type="text" id="optionshtml"/>
</form>

    $('#options').change(function(){

        $('#optionstext').val($('#options').text());
        $('#optionshtml').val($('#options').html());

    });

http://jsfiddle.net/pKsC8/8/