-PR-
締切済み

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

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

お礼率 76% (23/30)

こんにちは。
今、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
レベル10

ベストアンサー率 62% (51/81)

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

お礼率 76% (23/30)

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


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

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

関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

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

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

特集


専門家があなたの悩みに回答!

-PR-

ピックアップ

-PR-
ページ先頭へ