![](/img/trans.png)
[英]javascript get select option value AND hidden text field value for calculation
[英]Get option value text instead of value using JavaScript for select field
我在如下页面上有一个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为id_shipping_information
复选框时,我应该得到Option文本,例如Florida,Georgia等,而不是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等,但是我们能否将其作为阿拉巴马州,阿拉斯加,美属萨摩亚等来获取呢?
使用text()
代替val()
并定位选项
$('#id_shipping_information').click(function(){
if ( this.checked ) {
var bill = $('#id_billing_state option:selected').text();
console.log(bill+'>>>>>>>>>>');
}
});
更直观的方法是将选项的值更改为所需的值?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.