セレクトボックス(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で質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) 「Excelのオプション」の「ユーザーインターフェイスのオプション」の設定値をVBAで取得したい 1 2022/07/31 23:49
- 統計学 統計検定2級の過去問について 1 2023/01/04 16:40
- Excel(エクセル) Excel VBAプルダウンの値を変えながら2枚ずつ印刷する方法? 4 2022/05/27 13:04
- Excel(エクセル) マクロでボタンにつける名前がどこに設定されているかわからないケースがありました。 1 2023/06/19 19:37
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- Visual Basic(VBA) マクロVBA 1シートをまとめる 閉じ方 初心者 SOS! 1 2022/06/17 14:54
- Excel(エクセル) VBA : スクレイピングできない 4 2023/05/12 22:26
- Excel(エクセル) Excelにの以下の設定方法について教えてください! C列にデータ入力の設定をしています。(出、入を 3 2022/06/22 01:33
- Excel(エクセル) 余計なお世話的な「入力規則」?対策は? 2 2023/01/14 12:39
- Excel(エクセル) エクセルの大きなシートでグラフを見つける 4 2022/07/28 10:07
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
selectを使った計算
-
selectボックスの選択結果を変...
-
JavaScriptの質問です。どなた...
-
ラジオボタンとプルダウンを連...
-
プルダウン選択を変更すると、...
-
リストボックス内の重複したも...
-
セレクトボタンで特定の項目で...
-
javascriptで合計金額を算出し...
-
javascriptでセレクトボックス...
-
jqueryでセレクトメニュー+スク...
-
セレクトボックスを使用した、...
-
selectを変更不可にしたい
-
javascriptで計算フォームを作...
-
【JavaScript】プルダウンで数...
-
今日の日付を自動的にセレクト...
-
コードレビューをお願いします。
-
複数条件の入力チェックについて
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
チェックボックスのON/OFFでVal...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
全てのselect要素をデフォルト...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
JavaScriptで<select>の<option...
-
プルダウン選択を変更すると、...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
<input>の選択肢をプルダウンメ...
-
ラジオボタンとプルダウンを連...
-
【JS】selectでchangeした時の...
-
VBScriptでHTMLのセレクトボッ...
-
リストボックス内の重複したも...
-
同じ名前のセレクトがある場合...
-
プルダウンの値によって活性・...
-
selectが変更されたらnameを指...
-
【javascript】連想配列からセ...
-
3つのselectでURLパラメータを...
-
複数のプルダウンを1つにまとめ...
-
selectボックスで選択数を制限...
-
セレクトボックスで配列を呼び...
おすすめ情報