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 &amp; 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 &amp; handbags</option>  </select>


Comments

Popular posts from this blog

jOOQ update returning clause with Oracle -

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

java - BasicPathUsageException: Cannot join to attribute of basic type -