javascript - Trying to get drop down option on Select using Class -
function() { return $('.category w-select option:selected').text(); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select required="required" class="category w-select" name="categories"> <option value="" selected="selected">- please select 1 -</option> <option value="1">jewelry</option> <option value="2">luxury watch</option> <option value="3">precious metal or stones</option> <option value="4">electronics</option> <option value="5">tools, equipment</option> <option value="6">musical instruments, equipment</option> <option value="7">vehicle</option> <option value="8">gun</option> <option value="9">other</option> <option value="10">antique, collectible</option> <option value="11">designer wear & handbags</option> </select>
want drop down option text on return, have tried not drop down option on retun. have idea can value on retun option
firstly selector select
element incorrect. need place code within change
event handler. need deal value in event handler - can't return anonymous function. try this:
$('.category.w-select').change(function() { // note joined selector var selectedtext = $(this).find('option:selected').text(); // use selectedtext here... console.log(selectedtext); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select required="required" class="category w-select" name="categories"> <option value="" selected="selected">- please select 1 -</option> <option value="1">jewelry</option> <option value="2">luxury watch</option> <option value="3">precious metal or stones</option> <option value="4">electronics</option> <option value="5">tools, equipment</option> <option value="6">musical instruments, equipment</option> <option value="7">vehicle</option> <option value="8">gun</option> <option value="9">other</option> <option value="10">antique, collectible</option> <option value="11">designer wear & handbags</option> </select>
Comments
Post a Comment