Question

当我从下拉菜单中选择一个项目以便在输入字段中查看它时，如果选择了另一个项目，我想将其添加到以逗号分隔的输入字段中。

目前这是html：

<div>
   <input type="text" id="box" placeholder="Using..." style="width: 400px">
   <select style="width: 180px" id="drop">
      <option value="" disabled selected>Select</option>
      {% for stuff in stuffs%}
      <option value="{{stuff}}" onclick="ApplyField(drop,box)">{{stuff}}</option>
      {% endfor %}                  
   </select>
</div>

和javascript：

<script>
   function ApplyField(drop_id,box_id)
   {
     var e = document.getElementById(field_id);
     var selectedItem = e.options[e.selectedIndex].text;
     if (document.getElementById(box_id).text == "")
       document.getElementById(box_id).text = selectedItem;
     else 
       document.getElementById(box_id).text = document.getElementById(box_id).text + "," + selectedItem;
   }    
</script>

但不知何故，我的脚本不会将输入框项目设置为selecteditem，尽管代码对我来说似乎是合乎逻辑的。这是我第一次写javascript所以很可能我错过了一些微不足道的东西。任何帮助都是有意义的。

Answer 1

我相信你的drop_id和box_id不是在JavaScript中选择元素的正确方法。也不太确定{{stuff}}模板发生了什么，说实话

Answer 2

你能用jQuery吗？如果是这样，请查看http://www.w3schools.com/jquery/html_val.asp

将选定的dropdownmenu项目中的文本应用于输入字段（html，javascript）

2 个答案: