Question

我想将文本框中插入的值复制到选择控件，使用javascript单击按钮。我想插入多个值以在select中获得多个选项 var temp1 = document.getElementById（“textboxID”）。value.replace（/ \ s / g，“”）; setSelectValue（'selectID'，temp1）; function setSelectValue（id，val）{ document.getElementById（id）.value = val;} 这是我的代码，不起作用。谢谢 `

Answer 1

简单示例（https://jsbin.com/sekihofihu/edit?html,output）：

<input id="textboxID" />
<button onclick="addOption()">Copy</button>
<select id="selectID"></select>
<script>
var addOption = function()
{
  var val = document.getElementById("textboxID").value.replace(/\s/g, "");
  var select = document.getElementById('selectID');
  var option = document.createElement("option");
  option.text = val;
  select.add(option);
}
</script>

Answer 2

如果您想将文本输入的内容添加到您选择的新选项中，您可以使用此选项：

    var temp1 = document.getElementById("textboxID").value.replace(/\s/g, "");
    setSelectValue('selectID', temp1);


function setSelectValue (id, val) {
document.getElementById(id).innerHTML += "<option value='" + val + "' >" + val + "</option>";}

Answer 3

您的问题不是很明确，但如果您尝试添加＆＃34;选项＆＃34;将元素转换为select元素，您可以执行以下操作：

  <html>
      <body>
        <select id="targetSelect" ></select>    
        <input id="sourceInput" type="Text" > </input>
        <button id="submit" type="button" onclick="setSelectValue()"> 
          Add to Select
       </button>
       <script>
        function setSelectValue () {
             var mySelectElement = document.getElementById("targetSelect");     
             var newOption = document.createElement("option");
             newOption.text = document.getElementById("sourceInput").value;
             mySelectElement.add(newOption,0);        
        }
      </script>    
   </body>
 </html>

如何从文本框复制到<select>

3 个答案: