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

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选择时.

谢谢你的帮助.

Answer 1

那个怎么样？

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

演示: http ://jsfiddle.net/aRzNn/

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

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