Как назвать значение выбранного списка из Jquery

Question

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

<ul id="scroller1">
    <?php       
        $globalregion_result = mysql_query("SELECT * FROM GlobalRegion");
        $i = 0;
        while($globalregion_row = mysql_fetch_array($globalregion_result)){
            echo "<li id='scroller1_" . $i . "' value='" . $globalregion_row["GlobalRegionID"]  . "'>" . $globalregion_row["GlobalRegionName"] . "</li>";
            $i++;
        }                                   

    ?>
</ul>

Вот мой вызов jquery для списка

var scroll1SCell = null;
var scroll1SVal =  $("#scroller1 .active-item").attr("value");

В консоли отображается "undefined".

Answer 1

Это будет работать:

$ ("# scroller1"). Val ();

Answer 2

var scroll1SVal = $ ("опция # scroller1: выбрана"). Val ();

Answer 3

Идентификатор li выглядит примерно так: id='scroller1_" . $i . "'.Это означает, что вам придется использовать этот конкретный селектор, чтобы найти элемент:

var index = // get the index of the li you need.
$("#scroller1_"+index).attr("value");

Как указало @rgthree, вы используете li неправильно.Эти элементы должны быть списками текста или других элементов, а не полями выбора.Атрибут value не является допустимым атрибутом.Вместо этого вы можете использовать этот код:

HTML:

<select id="scroller1">
    <?php       

    $globalregion_result = mysql_query("SELECT * FROM GlobalRegion");
    $i = 0;
    while($globalregion_row = mysql_fetch_array($globalregion_result)){
    echo "<option value='" . $globalregion_row["GlobalRegionID"]  . "'>" . $globalregion_row["GlobalRegionName"] . "</option>";
    $i++;
    }                                   

    ?>
</select>

JS:

var value = $("#scroller1").val();