Tabledit jQuery插件选择字段无法正常显示问题求助

你这个问题我之前也碰到过，核心原因是你对select选项的配置格式错了！

看你代码里的这一行：

[2, 'color', '{"1": "red", "2": "green"}']

你把select的选项写成了字符串形式的JSON，但Tabledit插件要求这里必须传入实际的JavaScript对象，而不是字符串。插件识别不了字符串格式的选项集合，就会默认渲染成文本输入框。

修正后的代码 #

直接去掉选项外面的引号，传入原生对象就行：

$('#mytable').Tabledit({
  columns: {
    identifier: [0, "id"],
    editable: [
      [1, 'car'],
      [2, 'color', { "1": "red", "2": "green" }] // 这里直接传对象，不要引号
    ]
  }
});

额外注意事项 #

• 确保表格对应列的初始内容是选项里的键（比如1或2），这样进入编辑模式时，select会自动选中对应的选项；
• 如果需要动态生成选项，也直接传递生成好的JS对象，别转成字符串再传。

内容的提问来源于stack exchange，提问作者kartal