【问题标题】:Retriving all selected items of a dropdown in PHP using jquery使用jquery检索PHP中下拉列表的所有选定项目
【发布时间】:2013-07-23 11:54:26
【问题描述】:

我有一个表单,我需要从一个下拉列表中选择多个项目并在查询中使用它们。 我使用了下拉列表的标签,并使用了“multiple”属性来允许多选。 我想在一个变量/数组中获取所有选定的项目/索引,以便我可以在查询中使用它。 我尝试使用 document.getElementById('statusselect').selectedindex 但我只得到 1 而不是全部。 我什至尝试在 jquery 中使用 $('#statusselect option:selected') 但徒劳无功。

请帮帮我!! 谢谢。 这是从数据库中获取值的下拉列表的代码。 我想通过单击按钮获取变量中的所有选定值。

    echo "<td>Status<br>";
    echo "<select multiple name=\"status\" size=5 id=\"statusselect\">";
    foreach($status_all as $status)
     {
      if (isset($_GET['status']) && $_GET['status'] == $status)
       {
        echo "<option value=\"$status\" selected>".status_in_words($status)."</option>";
       }
      else
       {
        echo "<option value=\"$status\" >".status_in_words($status)."</option>";
       }
      }
    echo "</select>";
    echo "</td>";

【问题讨论】:

  • 你可以发布一些代码,否则它虽然可以回答
  • 有点迷惑,你是在表单提交后尝试使用Javascript还是PHP获取选中的元素?
  • @Sajan Parikh:它是一个 PHP 表单。单击一个按钮,我想获取下拉列表的所有选定值。希望我清楚。 :)

标签: php jquery html


【解决方案1】:

多选时的jQuery :selected 必须使用each 来遍历所有元素。正如http://api.jquery.com/selected-selector/ 建议的那样,使用这个:

<select name="garden" multiple="multiple">
    <option>Flowers</option>
    <option selected="selected">Shrubs</option>
    <option>Trees</option>
    <option selected="selected">Bushes</option>
    <option>Grass</option>
    <option>Dirt</option>
</select>

<script>
$("select option:selected").each(function () {
    // your code
});
</script>

【讨论】:

  • 非常感谢!!在几分钟内解决了我的问题。 :)
【解决方案2】:

这是一个示例 HTML:

<select id="multiselect" name="multiselect[]" multiple="multiple" size="5">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>

使用 jQuery:

$("#multiselect").val()

产生一个具有选定值的数组

【讨论】:

    猜你喜欢
    • 2014-03-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-04-22
    • 1970-01-01
    • 2013-06-18
    • 2014-01-08
    • 1970-01-01
    相关资源
    最近更新 更多