获取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>