使用jsp添加新选项以选择下拉列表
add new option to select drop down list using jsp
谁能建议,如何添加新的选项下拉列表(使用html中的选择标签),以便用户可以输入新的值,并在提交时应追加到现有的列表。我能够通过DB动态填充它的选项列表,它工作正常
我在一个表行中有5个下拉互斥的类别列表,我为他们提供了一些初始选项。现在我想,如果列表包含用户所需的选项,那么用户可以从现有的一个选择…否则,它应该能够向列表中添加一个新条目&
遵循这个步骤
-
当您从数据库填充下拉列表时。所以最好只在数据库中添加值
-
我认为您的用户将在文本框中输入值。因此,在提交时调用一个方法或servlet,可以用来在数据库字段中添加值,您将从中填充下拉列表。
-
更新后让servlet返回同一页面
-
现在你可以在下拉菜单中看到你的新选项
更新进一步的问题解释
为你的问题做一件事
-
选择用户在文本框中输入新值后触发java脚本函数line onmouseout的事件
-
在函数调用中获取文本值
-
现在调用你的servlet或方法或任何你正在使用的更新数据库与值值对应的列下拉使用Ajax或正常。
-
刷新页面
终于完成了。我使用以下函数作为-
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);
}
,循环内循环。谢谢大家。
相关文章:
- 如何使用jQuery选择下拉列表的值
- Jquery 读取编号组中选择下拉列表的数组
- 使用$_POST值选择下拉列表
- 使用Ajax或JavaScript选择下拉列表选项后,在同一页面上执行PHP脚本
- 根据url填充表单选择下拉列表
- 使 URL 开始选择下拉列表
- 引导程序选择下拉列表
- 如何通过选择下拉列表中的选项从另一个 php 文件中获取数据
- 保持元素处于禁用状态,直到未在 Angularjs 中选择下拉列表
- Knockoutjs - 单击按钮时打开选择下拉列表
- 使用选择下拉列表的性别角度过滤器
- 如何根据选择下拉列表从表单重定向到 URL
- 如果未选择第一项,请选择下拉列表 jQuery
- 选择下拉列表需要在选中时显示提供商的详细信息-无法通过我的脚本显示url
- 使用对象(JavaScript或jQuery)填充选择下拉列表
- 如何在选择下拉列表值的文本框中获取值
- 删除基于先前下拉列表选择的“选择下拉列表”选项
- jQuery验证插件-比较两个选择下拉列表的自定义方法
- 通过ajax选择下拉列表
- JavaScript:使用用于Protractor测试的页面对象选择下拉列表项