javascript 将中的菜单列表选项的值设置为另一个选择选项

5m1hhzi4 于 2022-10-30 发布在 Java

关注(0)|答案(2)|浏览(123)

我希望当从菜单列表中选择一个值时，该值将被分配给选择选项。
我的菜单列表是这样的：

<ul class="list-group" id="myUL">
  <li><a href="#">Garden</a>
      <ul>
         <li><a id="center_1" value="tree_1">Tree 1</a></li>
         <li><a id="center_2" value="tree_2">Tree 2</a></li>
         <li><a id="center_3" value="tree_3">Tree 3</a></li>           
      </ul>
  </li>
  ......
</ul>

选择Tree 1后，其值将被赋给此select option：

<select class="form-control">
    <option id="output">'selected value'</option>
</select>

如果选项中的选定值为Tree 1，则第二个选项将显示其子值
也许像这样（插图）：

JavaScript

来源：https://stackoverflow.com/questions/73930889/set-value-of-menu-list-option-in-to-another-select-option

2条答案

按热度按时间

dphi5xsq1#

你可以用vanila js很容易地做到这一点。只要在第一个选择选项上添加一个onchange事件列表器，这意味着当你从第一个选择中选择某个东西时，onchange事件将被激发，结果将出现在第二个选择选项上。就是这样！！这肯定会解决你问题。
第一个

赞(0）回复(0）举报 2022-10-30

nukf8bse2#

第一个
首先，在选择框中添加一些ID

<select class="form-control" id="columnsAvailable">

我假设您也在使用jQuery，所以在将值附加到选择框之前，您需要检查该值是否存在。
检查以下代码

var menuItem = "Tree1";

var optionExists = ($('#columnsAvailable option[value='+menuItem+']').length > 0);

if(!optionExists)
{
    $('#columnsAvailable').append("<option value='"+menuItem+"'>"+menuItem+"</option>");
}

通过var menuItem = "Tree1";，您可以使用自己的值，如果您希望从单击事件或任何其他方式获取该值，则可以使用

赞(0）回复(0）举报 2022-10-30

我来回答

javascript 将中的菜单列表选项的值设置为另一个选择选项

2条答案

相关问题

热门标签

最新问答