セレクトボックス(multiple)で、クリックした時の値を取得したいと思っています。
通常、選択されている値を取得する場合は、onchangeを使用して取得するのが王道なのでしょうが、ctrlキーを使って複数選択された場合などに、最後に選択した値を知りたいため、onclick処理で、選択された値が取得できないかと考えています。
なお、複数選択時に、最後に選択された値が取得できるのならonchangeでも構いません。
何か、良い方法があれば教えていただければと思います。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
こんな感じでどうでしょう?
<script>
try{
document.addEventListener ('click',function(e){clickfunc(e)},true); //基本
}catch(e){
document.attachEvent('onclick',function(e){clickfunc(e)}); //IE
}
function clickfunc(e){
var t = (e.srcElement || e.target);
if(t.nodeName=="OPTION" && t.selected){
document.getElementById("fuga").value=t.value;
}
}
</script>
<form>
<select name="hoge" multiple size="10">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="text" name="fuga" id="fuga">
</form>
>最後に選択された値
選択が外れた場合どうしたいのか仕様があいまいですね?
(一応外れた場合は無視しておきましたが)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Selectボックスの一覧表示方法
-
ラジオボタンの値が取得できな...
-
JavaScriptで<select>の<option...
-
プルダウン選択を変更すると、...
-
二つのセレクトボックス間での...
-
3つのselectでURLパラメータを...
-
javascriptでセレクトボックス...
-
<input>の選択肢をプルダウンメ...
-
javascriptでoptionタグを削除...
-
VBScriptでHTMLのセレクトボッ...
-
ラジオボタンとプルダウンを連...
-
return trueとreturn falseの用...
-
チェックボックス付きのテーブ...
-
onClickとsubmitの処理順序
-
onchangeイベントを強制的に発...
-
マウスをブラウザの外に出した...
-
formのfileの値をhiddenでも持...
-
【jQuery】input nameの文字列...
-
javascriptで .jpg , .jpeg , ....
-
ボタンを押すとチェックボック...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Selectボックスの一覧表示方法
-
javascriptでセレクトボックス...
-
プルダウン選択を変更すると、...
-
全てのselect要素をデフォルト...
-
selectを変更不可にしたい
-
<input>の選択肢をプルダウンメ...
-
VBScriptでHTMLのセレクトボッ...
-
スマホのフォームでのselect複...
-
複数のプルダウンを1つにまとめ...
-
selectが変更されたらnameを指...
-
select要素のvalueを配列で取得...
-
同じ名前のセレクトがある場合...
-
javascript:データを日本語で...
-
ラジオボタンとプルダウンを連...
-
selectボックスの選択結果を変...
-
プルダウンの値によって活性・...
-
<select> をmultiple にしてい...
-
連動プルダウンのclonenode
-
リストボックス内の重複したも...
-
selectのすべての値を送信する方法
おすすめ情報