Question

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

<label>Choose a browser from this list:
<input list="browsers" name="myBrowser" /></label>
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>

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

Answer 1

这只会在每行编辑模式中发生一次。它应该与从下拉列表中选择的功能完全相同，只显示和更新/保存一个值。我将不得不使用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;

}

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

Answer 2

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

Answer 3

我发现这非常有趣，并在Guriddo Knowledge base中创建了新文章，我详细解释了如何执行此操作

JQGrid下拉菜单/文本字段合二为一

3 个答案: