Javascript 如何在菜单外添加单击按钮以打开新的文本字段，而不是单击；其他；？

我不知道如何在下拉菜单外使用单击按钮（可能是加号），而不是单击“其他”，以便用户可以输入另一个值？谢谢

以下是html：

<form onsubmit="FormSubmit(this);">
<label for="last_name">Brand:</label>
<input type="hidden" name="brand" />
<select name="fruit_ddl" onchange="DropDownChanged(this);">
<option value="">--select--</option>
<option value="brand1">Brand1</option>
<option value="brand2">Brand2 </option>
<option value="brand3">Brand3</option>
<option value="">Other..</option>

</select> <input type="text" name="brand_txt" style="display: none;" />
<button type="submit">Add Brand</button>
</form>

这是你想要的吗？ 我保留了“其他”选项，加号按钮只是选择了它。 （我必须更改“Other”值，因为它与null值相同。）

我基本上在onclick处理程序中添加了一个加号按钮：

function PlusClick(btn) {
    var ddl = btn.form.elements["fruit_ddl"];
    ddl.value = "-";    
    DropDownChanged(ddl);
}

---

编辑：这里是，删除了“其他”选项。

您希望能够动态地将

元素添加到您的下拉列表中吗？谢谢您的评论。是的，我想通过在具有相同功能的菜单外添加一个单击按钮来切换下拉列表中的“其他”

function PlusClick(btn) {
    var ddl = btn.form.elements["fruit_ddl"];
    ddl.value = "-";    
    DropDownChanged(ddl);
}