javascript - 使用选择和选项javascript/jquery使用(this).data(“value”)获取错误的数据值

我有这段代码将该数据值发送到我的服务器

$("#choiceamountmonthly").change(function () {
    var monthamountblock = $(this).data("value");
    alert("maandelijks pakket gekozen");

    $.getJSON(
        "server/ajax.php",
        {request:"addMonthsToCart", MonthsToCart: monthamountblock},
        function (data) {
            switch(data.response){
                case "success":
                    alert("Met succes toegevoegd");
                    break;
            }
        }
    );
});

在这里，它获取数据值。

<select id="choiceamountmonthly" data-value="1000" name="subscription_choice" title="subscription_choice">
    <option data-value="0" >-Kies het aantal maanden-</option>
    <option data-value="3">3 maanden</option>
    <option data-value="5">6 maanden</option>
    <option data-value="9">12 maanden</option>
</select>

在我的代码中，它采用选择的data-value，因此它将1000发送到我的服务器。但是我要将选项的data-value发送到我的服务器。我怎样才能做到这一点？

最佳答案

您还可以仅将值（而不是数据值）用于选择选项：

<select id="choiceamountmonthly"
        data-value="1000"
        name="subscription_choice"
        title="subscription_choice">
  <option value="0" >-Kies het aantal maanden-</option>
  <option value="3">3 maanden</option>
  <option value="5">6 maanden</option>
  <option value="9">12 maanden</option>
</select>

比您可以像这样抓住它：

var monthamountblock = $(this).val();

塞子：http://plnkr.co/edit/jtMdP3E2LJMBs6CzBzLQ?p=preview