JQuery 使用默认 select=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 卡 = $('#cardType').val(); var 卡 = $('#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 是 < code>cardtype，而不是 cardType，它区分大小写。另外，您需要确保在用户选择一个值之后运行，例如：

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

您可以在此处进行测试。另请注意，您的属性应始终被引用。

Answer 2

你需要确保你的ID是相同的（你的代码和HTML有不同的情况）；

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

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