如何从Jquery调用所选List的值

时间:2012-02-10 18:46:22

标签: jquery-ui jquery-selectors

我想用jquery调用所选li的值。这是我的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");

在控制台显示“未定义”。

3 个答案:

答案 0 :(得分:0)

li的ID类似于: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();

答案 1 :(得分:0)

这将有效:

$( “#scroller1”)VAL();

答案 2 :(得分:0)

var scroll1SVal = $(“#scroller1 option:selected”)。val();