Question

我会直接跳过标记，然后解释我正在尝试做什么。

Html选择选项

    <select id="1d" name="camp">
    <option data-url="week_1" value="Week 1">30th July</option>
    <option data-url="week_2" value="Week 2">6th August</option>
    </select>
    <input type="hidden" name="camp_url" id="1e">

Jquery脚本我正在努力。下面的脚本显示了所选选项的值，当然，但我找不到抓住data-url信息的方法。

    $('#1d').change(function () {
        $('#1e').val($(this).val());
    });

根据我的选择，我需要value input#1e data-url #1d {/ 1}}。

感谢您的帮助。

Answer 1

那怎么样？

$("#1d").on("change", function () {
    var url = $(this).children(":selected").data("url");
    $("#1e").val(url);
});

DEMO： http://jsfiddle.net/aRzNn/

我个人也喜欢这个解决方案：

$("#1d").on("change", function () {
    $("#1e").val(function() {
        return $("#1d > :selected").data("url");
    });
});

Jquery - 如何在选择该选项后获取特定数据类型的选项？

1 个答案: