Javascript 访问者如何通过文本字段向菜单添加选项？

我有下面的下拉菜单

<select id="MySelectMenu">
<option value="#">-*-*- Main Accounts -*-*-</option>
 <option value="http://www.google.com">Google</option>
 <option value="http://www.yahoo.com">Yahoo</option>
 <option value="http://www.example.com">Example</option>
</select>

-*-*-主要账户-*-*-
谷歌
雅虎
例子

我是否可以添加两个文本输入字段，让访问者自己填充菜单选项

例如，在文本字段1中输入选项的url，在文本字段2中输入选项的名称

所以。。。 文本字段1： 文本字段二：随机网站

然后是一个“添加”按钮，这将导致

<select id="MySelectMenu">
<option value="#">-*-*- Main Accounts -*-*-</option>
 <option value="http://www.google.com">Google</option>
 <option value="http://www.yahoo.com">Yahoo</option>
 <option value="http://www.example.com">Example</option>
 <option value="http://www.randomwebsite.com">Random Website</option>
</select>

-*-*-主要账户-*-*-
谷歌
雅虎
例子
随机网站

这是当前菜单的javascript，如果有帮助的话

<script type="text/javascript">
 function newSrc() {
  var e = document.getElementById("MySelectMenu");
  var newSrc = e.options[e.selectedIndex].value;
  document.getElementById("MyFrame").src=newSrc;
 }
</script>

函数newSrc（）{
var e=document.getElementById（“MySelectMenu”）；
var newSrc=e.options[e.selectedIndex].value；
document.getElementById（“MyFrame”）.src=newSrc；
}

---

提前感谢。

是创建两个文本框并向其添加id，同时创建一个带有onclick函数“Add”的按钮，然后使用下面的javascript创建选项并附加到selectbox

function Add()
{
    var x = document.getElementById("MySelectMenu");
     var opt = document.createElement("option");
        opt.value= document.getElementById("url").value;
        opt.innerHTML = document.getElementById("name").value; // whatever property it has
      x.add(opt);

}   


<select id="MySelectMenu">
      <option value="#">-*-*- Main Accounts -*-*-</option>
      <option value="http://www.google.com">Google</option>
      <option value="http://www.yahoo.com">Yahoo</option>
      <option value="http://www.example.com">Example</option>
   </select>
   <input type="text" name="name" id="name">
   <input type="url" name="url" id="url">
   <button onclick="Add()">ADD</button>

函数添加（）
{
var x=document.getElementById（“MySelectMenu”）；
var opt=document.createElement（“选项”）；
opt.value=document.getElementById（“url”）.value；
opt.innerHTML=document.getElementById（“name”）.value；//它具有的任何属性
x、 添加（可选）；
}   
-*-*-主要账户-*-*-
谷歌
雅虎
例子
添加

尝试下面的代码

var url=$（“#txtUrl”）.val（）；
var textValue=$（“#txtDisplay”）.val（）；
$（'#MySelectMenu'）。追加（“+textValue+”）；

---

在添加按钮的

OnClick

事件上使用此代码。

将id添加到两个选项标签，并在javascript中获取id、值以及内部文本？@AdamH-如果可以使用JQuery。则可以使用

.append（）

function@MrCoder谢谢你们两个：）有人愿意详细说明我的代码吗？如果没有，我会做一些关于添加id和值的研究：）好的@AdamH，但请确保你学习基础知识。这些都是基础知识，非常感谢你。我目前正在学习javascript的基础知识……你的帮助让我学习得更快，谢谢你：）