從文本框中讀取文本並將其設置在 html #html #javascript 的下拉菜單中

Question

我想在html form dropdown列表中添加一個選項。 該選項將從textbox讀取，然后將其添加到dropdown列表中。 我是javascript新手。 這是我的代碼：

<html>
<head>
<script>
function addval()
{
alert ("script ee");
var x=document.getElementById("myselect");
var y=document.getElementById("mtxt");
x.Add(y);
alert ("inserted in dropdown");
}
 </script>
 </head>
 <body>
 <form>
  <select id="myselect" name="select">

    <option>op1</option>
    <option>op2</option>
    <option>op3</option>
    <option>op4</option>

  </select>

    <input type="text" name="mytext" id="mtxt">
    <input type="button" value="add" onClick="addval()">


 </form>
 </body>
 </html>

Answer 1

HTMLSelectElement類中沒有Add方法。

您必須手動創建元素<option> ：

function addval()
{
  var x = document.getElementById("myselect");
  var y = document.getElementById("mtxt");

  var newOpt = document.createElement('option');
  newOpt.textContent = y.value;
  x.appendChild(newOpt);
}

 <html> <head> <script> function addval() { var x = document.getElementById("myselect"); var y = document.getElementById("mtxt"); var newOpt = document.createElement('option'); newOpt.textContent = y.value; x.appendChild(newOpt); } </script> </head> <body> <form> <select id="myselect" name="select"> <option>op1</option> <option>op2</option> <option>op3</option> <option>op4</option> </select> <input type="text" name="mytext" id="mtxt"> <input type="button" value="add" onClick="addval()"> </form> </body> </html>

從文本框中讀取文本並將其設置在 html #html #javascript 的下拉菜單中

問題描述

1 個解決方案

解決方案1
2 已采納 2015-09-22 14:46:56

從文本框中讀取文本並將其設置在 html #html #javascript 的下拉菜單中

問題描述

1 個解決方案

解決方案1 2 已采納 2015-09-22 14:46:56

解決方案1
2 已采納 2015-09-22 14:46:56