Не удалось выбрать JQuery?

Question

У меня есть следующий выбор:

var squad_name= $("#squad option:selected").text(); 

и HTML позади выглядит следующим образом:

<div id="squad"> 
    <label>Squad Type:</label> 
    <select id="choosesquad"> 
     <option value ="0">Choose squad</option> 
    </select> 
    <input id="setsquad" type="button" value="Set"/><br> 

    <div id="unitdiv"> 
    <label>Choose Unit:</label> 
    <select id="chooseunit" class="unit"> 
     <option value ="0">Choose unit</option> 
    </select><br> 
    <label>Number of units:</label> 
    <select id="number" class="unit"> 
     <option value="0">0</option>  
    </select><br> 
</div> 

по какой-то причине после этого отбора squad_name = Choseen команды Выбрать блок 0

Я просто не могу понять: что я делаю неправильно?

Answer 1

Это происходит потому, что вы выбираете все <option> теги в #squad, который имеет 3 <select> метки с 3 :selected<option> теги

$("#squad option:selected") является агрегирования каждый выбранный вариант из #choosesquad, #chooseunit и #number

из звуки этого вы должны использовать:

var squad_name = $("#choosesquad option:selected").text(); 

Answer 2

Чтобы получить значение параметра, вам нужно использовать .val() not .text(). Вы также выбираете все выбранные параметры, которые в этом случае получат массив из 3.

Answer 3

Причина, по которой это происходит, состоит в том, что $("#squad option:selected") возвращает все элементы, поэтому при вызове .text() в этом выборе он возвращает весь текст внутри каждого из этих элементов.

ниже код будет получить значения отдельно

var choosesquad = $("#choosesquad").val(); 
var chooseunit= $("#chooseunit").val(); 
var num = $("#number").val(); 

Answer 4

Вы выбираете все option -tags, которые в настоящее время выбраны, которые будут по одному от каждого выбор, функция text() собирает внутренний текст из всех выбранных узлов , в результате чего три текстовых узла «Choseen Squad Select unit 0».