javascript - 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());
    });

最重要的是，我需要valueofinput#1e成为选择时的data-urlof #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");
    });
});​