【问题标题】:how to display values in dropdown如何在下拉列表中显示值
【发布时间】:2021-04-08 07:45:21
【问题描述】:

enter image description here我正在尝试在多选下拉列表中显示值,这些值来自 API。下面我给出了从 API 接收数据的 JSON 格式。

下面的数据是用户已经选择了值,现在我正在显示一个弹出窗口来编辑选择的值,在此之前,我需要向用户显示用户之前在多选下拉列表中被选中。

//below is my values coming from API
[
 {id: 1, name: "selected 1"},
 {id: 2, name: "selected 2"}
]

// 下面是我的下拉元素

               <select id="selected"  name="selected[]"  multiple>
                <option  value="" >  </option>
                </select>

【问题讨论】:

  • 你可以使用 dom API 来完成。搜索如何访问select 标记并将选项附加到其中。

标签: javascript php json select


【解决方案1】:

如果你使用 PHP,我认为你可以这样做。

<select name="selected[]" id="selected" multiple>
  <option selected="selected">Choose one</option>
  <?php
    foreach($users as $user) { 
  ?>
      <option value="<?php echo $user['id'] ?>"><?php echo $user['name'] ?></option>
  <?php
    } 
  ?>
</select> 

【讨论】:

    【解决方案2】:

    好吧,根据我对您问题的理解,您希望显示用户之前选择的所有值。如果我是对的,那么我们可能有两种解决方案。 1) 在服务器端保持跟踪(即在数据库中) 2)在客户端保持跟踪(即在 cookie 中临时),

    如果我回答了您的问题,请告诉我。如果没有,请使用参考代码 sn-p 更详细地阐述您的问题。

    【讨论】:

    猜你喜欢
    • 2019-05-05
    • 2017-03-07
    • 1970-01-01
    • 2014-06-06
    • 2016-01-29
    • 1970-01-01
    • 2023-03-15
    • 1970-01-01
    • 2014-08-09
    相关资源
    最近更新 更多