how to get value of selected option using jquery

Question

I need to get selected value from select field using jquery in magento

<field name="slider_location">
 <argument name="data" xsi:type="array">
 <item name="config" xsi:type="array">
 <item name="component" xsi:type="string">Vendor_Modulename/js/form/element/containers</item>
 <item name="dataType" xsi:type="string">text</item>
 <item name="label" xsi:type="string" translate="true">Display On</item>
 <item name="formElement" xsi:type="string">select</item>
 <item name="visible" xsi:type="boolean">true</item>
 <item name="dataScope" xsi:type="string">slider_location</item>
 </item>
 </argument>
 </field>

• Ronak Rathod: i think your datatype must be select
• Waqar Ali: i added <item name="formElement" xsi:type="string">select</item>

Answer 1

You can simply get it with the select name attribute

$('select[name=general[slider_location]]').val();

Note: general → is the fieldset name, change it accordingly.

You can bind the it on change event:

$(document).ready(function(){
 $('select[name="slider_details[slider_location]"]').change(function(){
 alert( this.value );
 });
});

• Waqar Ali: i added jQuery('select[name=slider_details[slider_location]]').val(); got a console error syntax error, unrecognized expression: select[name=slider_details[slider_location]]
• fmsthird: try like $('select[name="slider_details[slider_location]"]').val();
• Waqar Ali: i want to get value in initalize function there it is not working otherwise its working well
• fmsthird: can you check updated answer