獲得一個選擇標籤的innerHTML的價值與jQuery

我有這個選擇的標籤在這裏獲得一個選擇標籤的innerHTML的價值與jQuery

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

我正在使用JQuery

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

當前選中的innerHTML值，但每次我打印它只會返回一個未定義的值。

來源

2012-08-30 KyelJmD

你的代碼'$（「＃選項」）。innerHTML'，雖然它不工作，意味着你想一次拿到_all_的選項元素的HTML。但是，您的評論_「我得到當前選中的innerHTML值」 _聽起來像你想選擇的選項元素的值屬性。你能讓你想要的結果更清楚一點嗎？你_want_什麼值有'option'變量代碼運行後？ – nnnnnn

你只需要：

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

來源

2012-08-30 03:10:37 moonwave99

哦拍！我正在做$（「＃options」）.val。看起來它正在返回整個JQuery對象的值。笑 – KyelJmD

這港島線返回值屬性，而不是innerHTML的，如果它被設置。例如：在這種情況下'<選項值= 「一種」>藝人名稱'，'$（「＃選項」）VAL（）'將返回的「一個」，而不是「藝術家名」。 –

jQuery對象不具有innerHTML屬性，它屬於HTML DOM元素對象。

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

來源

2012-08-30 03:11:09 xdazz

<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-30 12:25:06 Dhanasekar

獲得一個選擇標籤的innerHTML的價值與jQuery

回答

相關問題