獲取jQuery選擇元素的值

Question

我試圖獲得jQuery值的選擇元素，但沒有得到任何東西。我認爲這可能是因爲當我搜索它時沒有價值，但不確定，因爲當頁面加載時，我已經可以在頁面上看到我需要的值。我在這裏搜索了一些主題，但沒有解決方案爲我工作。如果有人知道如何採取行動，我會很高興，謝謝！ （我必須得到<a class="chosen-single">裏的<span>的值），這並不是因爲我沒有包含jQuery庫。我有，但我沒有粘貼在這裏。

FIDDLE：https://jsfiddle.net/camm8yLj/

<a class="chosen-single" tabindex="-1"> 
<span>I/37 Chrudim - obchvat, úsek křiž. I/17 - Slatiňany</span> 
</a> 



$(document).ready(function(){ 

    $('.chosen-single').chosen().change(function() { 
     $(this).find('span').each(function(){ 
      alert('Text : '+$(this).text()); 
      alert('Value : '+$(this).val()); 
     }); 
    }); 
}); 

Answer 1

您可以使用find法文本。

$('select').find('option:selected')檢索您選擇的所有選項。

$('select').chosen(); 
$('select').change(function(){ 
    $(this).find('option:selected').each(function(){ 
    alert('value:'+$(this).val()+' text: '+$(this).text()); 
    }); 
}); 

$(document).ready(function() { 
 
    // Chosenify every multiple select DOM elements with class 'chosen' 
 
    $('select.chosen').chosen(); 
 
    $('select.chosen').change(function(){ 
 
    \t $(this).find('option:selected').each(function(){ 
 
     \t alert('Value:'+$(this).val()+', Text: '+$(this).text()); 
 
     }); 
 
    }); 
 
});

* { font-family: arial; } 
 
h1 { font-size: 1.5em; } 
 
h2 { font-size: 1.3em; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.css" rel="stylesheet"/> 
 
<h1>The Chosenified multiple &lt;select&gt;</h1> 
 
<p> 
 
    <select name="fruits" class="chosen" multiple style="width: 500px;"> 
 
     <option value="banane">Banane</option> 
 
     <option value="pomme">Pomme</option> 
 
     <option value="poire">Poire</option> 
 
     <option value="ananas" selected>Ananas</option> 
 
     <option value="kiwi" selected>Kiwi</option> 
 
     <option value="goyave">Goyave</option> 
 
     <option value="abricot">Abricot</option> 
 
     <option value="fraise" selected>Fraise</option> 
 
     <option value="framboise">Framboise</option> 
 
     <option value="avocat" selected>Avocat</option> 
 
    </select> 
 
</p>