从typeahead中选择建议后，无法设置文本字段值

是因为typeahead是一个自动完成插件，它提供了一个输入框，当用户输入时，会根据输入内容给出匹配的建议。当用户从建议中选择一个选项时，typeahead默认会将选项的值设置为输入框的值，但有时候我们可能需要将选项的其他属性值设置为输入框的值。

解决这个问题的方法是使用typeahead的自定义模板功能。通过自定义模板，我们可以控制typeahead选项的显示和选择行为。具体步骤如下：

在typeahead初始化时，设置自定义模板。例如：

$('.typeahead').typeahead({
  source: ['option1', 'option2', 'option3'],
  templates: {
    suggestion: function(data) {
      return '<div>' + data.value + '</div>';
    }
  }
});

在自定义模板中，使用选项的其他属性值作为显示文本。例如，假设选项是一个包含value和label属性的对象，我们可以使用label作为显示文本：

$('.typeahead').typeahead({
  source: [{value: 'option1', label: 'Option 1'}, {value: 'option2', label: 'Option 2'}, {value: 'option3', label: 'Option 3'}],
  templates: {
    suggestion: function(data) {
      return '<div>' + data.label + '</div>';
    }
  }
});

在选择选项时，将选项的value属性设置为输入框的值。例如，使用jQuery的val()方法设置输入框的值：

$('.typeahead').on('typeahead:select', function(e, data) {
  $(this).val(data.value);
});

通过以上步骤，我们可以实现从typeahead中选择建议后，将选项的其他属性值设置为输入框的值。

关于typeahead的更多信息和使用方法，你可以参考腾讯云的相关产品AutoComplete的介绍页面：AutoComplete产品介绍。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

从typeahead中选择建议后，无法设置文本字段值

相关·内容

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐