2014-01-16 83 views
0

值我有一個select場在頁面上象下面這樣:獲取期權價值的文字,而不是使用JavaScript來選擇字段

<select name="billing_state" id="id_billing_state"> 
    <option value="AL">Alabama</option> 
    <option value="AK">Alaska</option> 
    <option value="AS">American Samoa</option> 
    <option value="AZ">Arizona</option> 
    <option value="AR">Arkansas</option> 
    <option value="CA">California</option> 
    <option value="CO">Colorado</option> 
    <option value="CT">Connecticut</option> 
    <option value="DE">Delaware</option> 
    <option value="DC">District of Columbia</option> 
    <option value="FL">Florida</option> 
    <option value="GA">Georgia</option> 
    <option value="GU">Guam</option> 
</select> 

<input type="checkbox" name="shipping_information" id="id_shipping_information" /> 

所以,當我們點擊複選框id爲id_shipping_information,我應該得到的期權文本像佛羅里達,佐治亞等,而不是選項值像CT,DE等,像下面

$('input#id_shipping_information').click(function(){ 
    if ($('input#id_shipping_information').is(':checked')) 
    { 
     var bill = $('#id_billing_state').val(); 
     console.log(bill+'>>>>>>>>>>'); 
    } 
}); 

在上面的JavaScript代碼,我們將得到的選擇領域的AL,AK,AS等的價值,但我們能否讓他們成爲阿拉巴馬州,阿拉斯加州,美國山姆oa等?

回答

4

的使用text()代替val()和目標選項

$('#id_shipping_information').click(function(){ 
    if (this.checked) { 
     var bill = $('#id_billing_state option:selected').text(); 
     console.log(bill+'>>>>>>>>>>'); 
    } 
}); 

的更直觀的方式將只是改變選項的值,你想要什麼?

相關問題