Question

我使用<datalist>来选择选项，但仍然允许输入值。这就是我的意思：

<input list="cities" name="city">
<datalist id="cities">
    <option value="Portland">
    <option value="San Francisco">
</datalist>

选择城市后，打开下拉列表只会显示该城市，除非我手动点击退格键清除它。我想我可以用这样的jquery解决这个问题：

$('input[name=city]').click(function() {
  $('input[name=city]').empty();
});

这很棒，但它不起作用。 I've seen in other examples how to remove a 'selected' flag（here also），但我不知道它适用于<datalist>。

这是一个小伙伴：https://jsfiddle.net/tedder/ekaLc64t/2/

Answer 1

I am not sure if this is what you want, but try to change the code to:

  $('input[name=city]').focusin(function() {
    $('input[name=city]').val('');
  });
  $('#xx').click(function() {
    $('input[name=city]').val('');

  });

https://jsfiddle.net/ekaLc64t/9/

输入+ datalist，默认值，重置选择？

1 个答案: