javascript - 添加新选项以使用 jsp 选择下拉列表

Question

任何人都可以建议，如何向下拉列表添加新选项（使用 html 中的选择标签），以便用户可以输入新值并在提交时将其附加到现有列表中..我能够填充它的选项列表通过数据库动态，它工作正常

我在单个表行中有 5 个下拉互斥类别列表，我为它们提供了一些初始选项。现在我希望如果列表包含用户所需的选项，那么用户可以从现有的选项中进行选择......否则它应该能够向该列表添加一个新条目，并且它应该在提交时在 DB 中同时更新。

Answer 1

按照这个步骤

1. 当您从 databse 填充下拉列表时。所以最好只在数据库中添加值。

2. 我认为您的用户将在文本框中输入值。因此，在提交时调用一个方法或 servlet，可用于在您从中填充下拉列表的数据库字段中添加值。

3. 更新后使您的 servlet 返回同一页面。

4. 现在您可以在下拉菜单中看到您的新选项。

更新进一步的问题解释

为你的问题做一件事

1. 在每个下拉列表的最后一个选项中提供一个文本框。

2. 选择一个事件，在该事件中，用户在该文本框中输入新值后，可以在 onmouseout 行触发 java 脚本函数。

3. 在该函数调用中获取文本值。

4. 现在调用您的 servlet 或方法或您使用的任何方法来使用 Ajax 或通常使用与该下拉列表对应的列中的值更新 db。

5. 刷新页面。

Answer 2

hiii，终于搞定了。我使用以下功能 -

function abc()
{
    var myoption = document.createElement("option"); //works with both mozilla and IE
    myoption.text ="mytext";
    myoption.id="mytext";
    myoption.name="mytext";
    myoption.value ="mytext"; //Probably, the sID stuff

    document.getElementById("drop_1").options.add(myoption);
}

等循环内。谢谢大家 。