試圖讓使用

Question

類

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 one -</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>

下拉選項中選擇上要獲得下拉上返回選項的文本，但我都試過，但沒有得到任何下拉選項上retun。你有什麼想法，我可以我在retun選項獲得價值

Answer 1

只需使用一個類

$('.category option:selected').text() 

https://jsfiddle.net/moshekarmel1/e71j1j3a/

Answer 2

首先你對select元素選擇不正確。您還需要將代碼放入change事件處理程序中。最後，您需要處理事件處理程序中的值 - 不能從匿名函數返回任何內容。試試這個：

$('.category.w-select').change(function() { // Note the 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 one -</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>

Answer 3

在選擇要麼只使用一個類或使用.到單獨的類，而不是一個空間。即。 $('.category.w-select option:selected').text()或$('.category option:selected').text()

在onchange處理函數中具有函數將幫助您在值更改時獲取該值。沒有它時，只有當文件加載時纔會執行功能，即一次。

$(function() { 
 
    $('.category.w-select').on('change', function(){ 
 
    console.log($('.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 one -</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>