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();

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/

使用JQuery获取select标记的innerHTML的值

3 个答案: