teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

トライした内容追加

2018/12/17 12:31

投稿

mi37
mi37

スコア13

title CHANGED
File without changes
body CHANGED
@@ -11,7 +11,21 @@
11
11
  </detalist>
12
12
  ```
13
13
 
14
+
14
15
  onfocusとかで、選択しようとしたときに選ばれていた内容を消せば出来るのですが
15
16
  それだと選ばなかった場合に、選んでいた情報が消えてしまいます。
16
17
 
17
- 宜しくお願いします。
18
+ 宜しくお願いします。
19
+
20
+ ```ここに言語を入力
21
+ $('input').focus(function() {
22
+ var obj = '#'+$(this).attr('list');
23
+ $('#'+$(this).attr('list')+" option").prop('disabled',function(){
24
+ $(obj).append("<option data-value=" + $(this).val() + ">" + $(this).val() + "</option>");
25
+ });
26
+ });
27
+ ```
28
+ 色々調べ、フォーカス時にdatalistの中身を書き換えるように試してみたのですが
29
+ 選択した内容が2重にリストに追加されるだけでした。
30
+ $(this).val()を確認すると、全リスト内容が取れるようなので、disabled状態を解除できれば良いのでしょうか?
31
+ 書き方がわかりません。。。。