-PR-
回答 受付中

option:selectedで想定の値が取れない

  • すぐに回答を!
  • 質問No.9343046
  • 閲覧数27
  • ありがとう数0
  • 気になる数0
  • 回答数1

お礼率 91% (22/24)

こんにちは。
今、htmlとJavascriptでinput要素の入力欄に入力した値を追加ボタンを押すとdatalistの入力候補に追加され、削除ボタンを押すと入力候補から値を削除するソースを作成しています。
Javascriptの方でテキスト欄に表示されている値を取得したいときはoption:selectedを指定するといいはずですが、リストの何を表示してもリストの一番上の値が削除されてしまいます。
datalistの中にselectを書いているせいなのかとも思いますが、分かりません。
どなたかご教授ください。お願いします。

ざっくりとソースを書くと以下のようになります。
【HTML】
<input type="text" value="" list="alphabet">
<datalist id='alphabet'>
<select id='alphabet'>
<option value='ABC'></option>
<option value='DEF'></option>
<option value='GHI'></option>
<option value='JKL'></option>
</select>
通報する
  • 回答数1

回答 (全1件)

  • 回答No.1
レベル9

ベストアンサー率 58% (34/58)

テキスト欄に表示されている値を、テキストボックスのvalueから取得してはいかがでしょうか。
具体的にはテキストボックスに適当なidをつけた上で、
document.getElementById("テキストボックスのid").value
とすれば想定の値が取れるかと思います。
補足コメント
kinka2000

お礼率 91% (22/24)

ありがとうございます。
確かにその方法でも想定の値は取れるのですが、removeで上手く削除できなかったので、できればoption:selectedで指定したいと思っているのですが、無理なのでしょうか?
投稿日時 - 2017-06-20 22:36:03


  • 回答数1
このQ&Aのテーマ
このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
-PR-
-PR-

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


新大学生・新社会人のパソコンの悩みを解決!

-PR-

ピックアップ

-PR-
ページ先頭へ