使用JavaScript为选择字段获取选项值文本而不是值
我在如下页面上有一个使用JavaScript为选择字段获取选项值文本而不是值,javascript,jquery,html,html-select,Javascript,Jquery,Html,Html Select,我在如下页面上有一个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> <op
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" />
在上面的JavaScript代码中,我们将获得选择字段的值,如AL、AK、as等,但我们能否获得它们如阿拉巴马、阿拉斯加州、美属萨摩亚等?使用text()
而不是val()
,并以选项为目标
$('#id_shipping_information').click(function(){
if ( this.checked ) {
var bill = $('#id_billing_state option:selected').text();
console.log(bill+'>>>>>>>>>>');
}
});
更直观的方法是将选项的值更改为您想要的值。使用text()
,而不是val()
,并以选项为目标
$('#id_shipping_information').click(function(){
if ( this.checked ) {
var bill = $('#id_billing_state option:selected').text();
console.log(bill+'>>>>>>>>>>');
}
});
更直观的方法是将选项的值更改为您想要的值