HTML5のinputのlist属性についてのご質問です。

補足

皆様ご回答ありがとうございます。 先ほど改めて確認したらidを間違えていただけでした。お恥ずかしい... 質問した時点では追い込まれていて回っていませんでした。

HTML、CSS | JavaScript28閲覧xmlns="http://www.w3.org/2000/svg">50

ベストアンサー

0

その他の回答(2件)

0

下記ソースで試しましたが問題なく切り替わります。 <input type="text" id="hoge" list="datalist1"> <datalist id="datalist1"> <option value="あ"></option> <option value="い"></option> <option value="う"></option> </datalist> <datalist id="datalist2"> <option value="か"></option> <option value="き"></option> <option value="く"></option> </datalist> <button id='set2'>set2</button> <script> const set2 = document.querySelector('#set2'); const hoge = document.querySelector('#hoge'); set2.addEventListener('click', function() { hoge.setAttribute('list', 'datalist2'); }); </script> 切り替えのタイミングはどうなっていますか? また開発者ツールのコンソールに何かエラーは表示されていませんか?