Retrieve Option data from Select

Question

I have pulldown menu defined like this:

<select id="select_command" ><option data-syntax="blabla"></option></select>

How can I retrieve the data-syntax of the currently selected option upon clicking some button ?

Answer 1

Try this,

$('.button').click(function(){
    var sel=$('option').filter(':selected').data('syntax');
    alert(sel);
});

Answer 2

$('#some_button').on('click', function() {
    var syntax = $('#select_command :selected').data('syntax');
    // ...
});