用jquery选择一个选项,并在select元素中有一个onchange()?

时间:2015-11-13 06:32:15

标签: javascript jquery html

我正在尝试在此选择中选择VISA,但它不起作用。我几乎尝试了一切。

$('#creditcard_cctype option[value="VISA"]').click();
$('#creditcard_cctype').val("VISA");
$('#creditcard_cctype option[value="VISA"]').prop("selected", true);
$('#creditcard_cctype option[value="VISA"]').attr("selected", true);
$('#creditcard_cctype option[value="VISA"]').cttr("selected", "selected");

问题是updateCreditCardType()函数在html文件周围发生变化,因此我可以获得CCV选项。它只是没有选择。

<select name="creditcard_cctype" id="creditcard_cctype" onchange="updateCreditCardType()" class="Field250">
    <option value="">-- Please Choose --</option>
    <option id="CCType_AMEX" class=" requiresCVV2" value="AMEX">American Express</option>
    <option id="CCType_DISCOVER" class=" requiresCVV2" value="DISCOVER">Discover</option>
    <option id="CCType_MC" class=" requiresCVV2" value="MC">Mastercard</option>
    <option id="CCType_VISA" class=" requiresCVV2" value="VISA">Visa</option>
</select>

2 个答案:

答案 0 :(得分:0)

只需触发change事件即可强制触发HTML绑定onchange处理程序。

$('#creditcard_cctype').val('VISA').trigger('change');

jsFiddle演示:https://jsfiddle.net/c3sqhrma/

答案 1 :(得分:0)

在文档准备好后使用它来设置值

$('#creditcard_cctype').val('VISA');

http://jsfiddle.net/c3sqhrma/2/