Jquery - How to grab specific data-type of option after that option is selected?
<p>I'll jump straight with the markup, then explain what I'm trying to do.</p>

<p>Html select options</p>

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

<p>Jquery script I'm struggling with. The script below shows the value of the selected option, of course, but I can't find a way to grab to the <code>data-url</code> info.</p>

<pre><code>    $('#1d').change(function () {
        $('#1e').val($(this).val());
    });
</code></pre>

<p>Bottom line, I'm needing the <code>value</code> of <code>input#1e</code> to be the <code>data-url</code> of <code>#1d</code> upon selection.</p>

<p>Thanks for your help.</p>
