Как получить выбранную опцию выпадающего списка с помощью jquery?

Question

Я использую раскрывающийся список, и я хочу получить значение выбранного параметра.

Я могу это сделать, используя метод jquery html().

Но в случае, если выбранное значение опция, содержащий HTML кодируемый символ позволяет сказать, что &

alert('html() : ' + $('#dropdown option:selected').html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<select id="dropdown"> 
 
<option selected>Test & Get knowledge</option> 
 
</select>

Затем этот & кодируется в & а т р (амперсанд.);

Как относиться к этому значению только как текст?

Answer 1

https://jsfiddle.net/programtheweba/8gohx47g/

Используя текст JQuery(), мы получим только текст и символы не закодированы.

alert('text() : ' +$('#dropdown').text());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<select id="dropdown"> 
 
<option selected>Test & Get knowledge</option> 
 
</select>

Answer 2

Вы можете использовать JQuery .text() вместо:

console.log('text() : ' + $('#dropdown option:selected').text());//prints out text() : Test & Get knowledge

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="dropdown"> 
 
    <option selected>Test & Get knowledge</option> 
 
</select>

Answer 3

& специальный символ в HTML (он используется для юридических лиц) и не может выглядеть как обычный символ.
Ваш HTML недопустим (&x не является сущностью), но браузер автоматически исправляет его до & по мере его анализа.
jQuery добросовестно возвращает исправленный HTML, когда вы его просите.

Source

Поэтому использовать .text() вместо .html():

$('#dropdown option:selected').text(); 

Вы можете также использовать .val() вместе с выбора селектора элементов, чтобы получить выбранные опции текстового значения:

$('#dropdown').val(); 

Answer 4

Вы должны использовать .text() вместо .html():

$('#dropdown option:selected').text(); 

Или используйте .val()

$('#dropdown').val(); 

Answer 5

1. Включите в свой код jQuery.
2. Оберните свой код в DOM Ready $(function(){ ... })
3. Используйте $('#dropdown option:selected').val(), чтобы получить значение.

$(function(){ 
 
alert('html() : ' + $('#dropdown option:selected').val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="dropdown"> 
 
<option selected>Test & Get knowledge</option> 
 
</select>

& будут обрабатываться, как только & и не будут изменены.