javascript - 使用 select 和 option javascript/jquery 使用 (this).data ("value"获取错误的数据值)

Question

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

$("#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 发送到我的服务器。但我想将选项的数据值发送到我的服务器。我怎样才能做到这一点？

Answer 1

而不是:

var monthamountblock = $(this).data("value");

您需要的是:

var monthamountblock = $(':selected', this).data("value");

这将从选择中获取所选选项的数据，而不是选择的数据本身。

希望这有帮助!