JQuery使用默认选择= y时从选择列表中获取用户选择的值

Question

您好，我有一个选择列表：

<select id=cardtype name=cardtype>
<option selected='y' value="debit-0.00-50.00">Debit1</option>
<option value="debit-0.00-50.00">Debit2</option>
<option value="debit-0.00-50.00">Debit3</option>
<option value="Credit-1.00-50.00">CreditCard</option>
</select>

我一直在 JQuery 中尝试各种方法来获取用户选择值的值： var card = $('#cardType').val(); var card = $('#cardType :selected').val(); 等等等等

但是它们都只是返回默认选择选项的值：

 <option selected='y' value="debit-0.00-50.00">Debit1</option>

有谁知道获取用户选择的选定选项值而不是默认选定值的方法？

编辑 澄清当用户点击这样的链接时运行 JQuery：

<label for="paymentAmount">Amount (minimum payment <a class="minPay" href="">£<span id="dueFrom">50.00</span></a>) <span class="instructions"><span class="mandatory">*</span></span></label>

使用以下 jquery：

$("a.minPay").click(function(event) {
            event.preventDefault();
            $("#paymentAmount").val($("#dueFrom").html());
            var from = parseFloat($("#paymentAmount").val());
            var card = $('#cardType').val();
    });

当用户在选择列表中选择一个选项时，这不会运行。我想要值选项而不是文本:)

Answer 1

确保您使用正确的id 和在正确的时间获得它，这是正确的方法：

$('#cardtype').val();

注意id 是cardtype，而不是cardType，它区分大小写。此外，您需要确保在用户选择了一个值之后 之后运行，例如：

$('#cardtype').change(function() {
  alert($(this).val());
});

You can test it out here。另请注意，您的属性应始终被引用。

Answer 2

您需要确保您的 ID 相同（您的代码和 HTML 有不同的大小写）；

$('#cardtype').val(); 将获得如下所示的选定值：http://jsfiddle.net/jonathon/8hvRa/

还有一点是，您所有的借记卡价值都是相同的。 val 获取选项的值，而不是文本。