0

ここにこの選択タグがあります

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

しかし、印刷するたびに、未定義の値しか返されません。

4

3 に答える 3

12

innerHTMLjQuery オブジェクトには、html dom 要素オブジェクトに属するプロパティがありません。

var option = $("#options option:selected").html();
console.log(option);
于 2012-08-30T03:11:09.990 に答える
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>

于 2012-08-30T03:10:37.920 に答える
0 
<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/
于 2012-08-30T12:25:06.403 に答える