Получить текст значения параметра вместо значения, используя JavaScript для поля выбора

0

У меня было поле select на странице, как показано ниже:

<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_shipping_information флажок с идентификатором id_shipping_information, я должен получить текст Option, например, Florida, Georgia и т.д., Вместо значений параметров, таких как CT, DE и т.д., Как id_shipping_information ниже

$('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 и т.д., Но можем ли мы получить их как Алабаму, Аляску, Американское Самоа и т.д.?

Теги:
html-select

1 ответ

4
Лучший ответ

Используйте text() вместо val() и укажите параметр

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

более интуитивным способом было бы просто изменить значения параметров на то, что вы хотите?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню