Question

根据定义here in documentation，我应该得到＆＃34;按发票付款＆＃34;当我选择它并且我使用$("#paymentMethod:selected").text()时，但由于某种原因它对我不起作用。我敢打赌，我错过了一些简单的事情。任何人都知道为什么我的测试不会起作用？

e.g。如果我选择＆＃34;按发票付款＆＃34;并点击某事（按钮，链接等），它应该是console.log＆＃34;按发票付款＆＃34;。

HTML：

<select id="paymentMethod" name="billingformtype[paymentMethod]">
        <option value="8">Pay by Credit or Debit Card</option>
        <option value="9">Pay by Invoice</option>
</select>

//Prints "Pay by Credit or Debit CardPay by Invoice" whatever I select
var selected = $("#paymentMethod").text();
console.log(selected.trim());

//Prints empty string whatever I select
var selected = $("#paymentMethod:selected").text();
console.log(selected.trim());

Answer 1

:selected选择器适用于option中的select元素，因此您应该使用以下任一元素：

$("#paymentMethod :selected").text() // note the space

或

$("#paymentMethod option:selected").text()

Answer 2

如果您从value="" - ＆gt;中移除<select>属性<options>，

<select id="paymentMethod">
    <option>Pay by Credit or Debit Card</option>
    <option>Pay by Invoice9</option>
    <option>etc.</option>
    <option>etc.</option>
</select>

然后，你可以简单地这样做：

//jQuery
$('#paymentMethod').change(function(){
    alert($(this).val());
});

//or Javascript
paymentMethod.onchange = function(){
    alert(this.value);
};

DEMO HERE

获取所选选定元素的文本内容

2 个答案: