入力+データリスト、デフォルト値、選択時にリセット？

Question

私は<datalist>を使用してオプションの選択を許可していますが、まだタイプイン値を許可しています。

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

都市が選択されると、ドロップダウンを開くと、手動でバックスペースを押して消去しない限り、その都市が表示されます。

これは素晴らしいですが、うまくいかないことがあります。 I've seen in other examples how to remove a 'selected' flag（here also）ですが、<datalist>には該当しません。

ここjsfiddleです：https://jsfiddle.net/tedder/ekaLc64t/2/

Answer 1

私は、これはあなたが望むものであるかどうかわからないのですが、それにコードを変更しよう：これはあなたを助けるかもしれない、

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

    }); 

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