実装したい機能
(用語集)
1 検索ボックスで同一ページ内の用語を検索
2 候補をサジェストで表示
2 候補を選ぶと同一ページ内の該当項目へジャンプする
下記まではできたのですが、
検索候補となる datalist > option の value値(#1など)が選択肢名と同時に表示されてしまいます。
邪魔なので消したいですが上手くいかず。どなたか教えていただけまんでしょうか?
html
1<html> 2<body> 3 4<form> 5<input type="search" name="q" autocomplete="on" list="keywords" onChange="location.href=value;"> 6<datalist id="keywords"> 7 <option value="#1">1</option> 8 <option value="#2">2</option> 9 <option value="#3">3</option> 10 <option value="#4">4</option> 11 <option value="#5">5</option> 12</datalist> 13</form> 14 15<p id="1">1</p> 16<p id="2">2</p> 17<p id="3">3</p> 18<p id="4">4</p> 19<p id="5">5</p> 20 21</body> 22</html>
回答1件
あなたの回答
tips
プレビュー