Question

我有一个表格，当导演在我的数据库中添加一个事件时会填写。由于特定类型的事件可能不止一次发生，我试图让它们尽可能简单。使用自动完成功能，我可以使文本值正常工作。单选按钮出现问题。

示例：有3种格式可供选择 - 差点，划痕或两者兼而有之。 Handicap是值1，scratch是值2，两者都是值3.我可以在第一次进入事件时向表中添加正确的值。如何使用自动完成设置对应的单选按钮（format_1为障碍，format_2为临时，format_3为两者）？

 $('#format').val(ui.item.f);

如果我使用文本而不是单选按钮

，

将返回表中的值

我试图创建一个变量（即var f = $（“。format”）。val（）;）但是没有用。我在想的是类似于设置一个变量（例如f），它会设置一个单选按钮（例如format_f = checked），但是却无法弄清楚如何对它进行机械化。无法从我的书籍或互联网上找到任何指示。

有人可以指出我正确的方向吗？

Answer 1

您需要将此注入自动填充的select功能。您自动完成实例化可能没有，因为它不是默认行为所必需的。

显然，您需要具有可用的自动填充选项和格式的映射，并且您可以通过生成自动完成数据的任何内容将其发回。（在您的示例中，您的自动完成功能是AJAX还是本地功能并不清楚，但这并不重要。）

最终，您希望自动填充功能包含以下条目：

[ { "id":"foo", "value":"bar", "f":"1" },
  { "id":"baz", "value":"quux", "f":"2" } ]

然后您的自动填充结束时的选择功能将如下所示：

select: function(event, ui) {
    if (ui.item) {
        $('#format').val(ui.item.f);
    }
}

几天前我在similar question写了一个完整的例子。