JQGrid下拉菜单/一个文本字段

我需要从数据库中加载一组预定义的值，但也允许用户输入自定义值。这里有一个很好的例子：

从此列表中选择浏览器：

---

是否可以在JQGrid中实现此功能？

这只会在编辑模式下发生，每行一个。其功能应与从下拉列表中选择完全相同，仅显示和更新/保存一个值。我只能对一列使用is，其中每行都有一个来自数据库的动态预定义值列表

这是我的开始：

<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
<option value="Microsoft Edge">
</datalist>  

function myelem (value, options) {
var el = document.createElement("input");
el.type='text';
options.id = 'myBrowser';
el.setAttribute("list", "browsers");
return el;

函数myelem（值、选项）{
var el=document.createElement（“输入”）；
el.type='text'；
options.id='myBrowser'；
el.setAttribute（“列表”、“浏览器”）；
返回el；

}

问题是如何基于下一列值动态填充每一行的数据列表，并在退出编辑模式后将所选值保存到数据库？

---

谢谢，

如果以前为该列保存了值，则应显示该值。当用户进入编辑模式时，先前显示的值将位于顶部（默认），但下拉列表中应提供相同的预定义值集，并提供输入新自定义值的选项。

---

谢谢。

我发现这非常有趣，并在我们的网站上创建了一篇新文章，我详细解释了如何执行此操作

您好，将此添加为自定义元素没有问题，但我的问题是：如果从用户处使用了新项目，会发生什么情况？该项目是否会被更新，或者您希望在插入完成后刷新列表，或者不希望使用udate。更多关于这方面的细节将有所帮助。

<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
<option value="Microsoft Edge">
</datalist>  

function myelem (value, options) {
var el = document.createElement("input");
el.type='text';
options.id = 'myBrowser';
el.setAttribute("list", "browsers");
return el;