No.2ベストアンサー
- 回答日時:
どのようなインターフェースにするのかをきちんと決めておかないと、操作しにくいものになりそう…
ご参考まで。(細かいところはいい加減)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head><title>test</title>
<style type="text/css">
select, input { width:8em; }
</style>
<script type="text/javascript">
<!--
function test(evt) {
var i, tp = evt.type, t = evt.target || evt.srcElement;
var pair = document.getElementsByTagName(tp === 'blur'?'SELECT':'INPUT');
for (i=0; i<pair.length; i++) if (pair[i].name == t.name) break;
pair = i<pair.length?pair[i]:null;
if (tp === 'change') {
if (pair) pair.value = t.value;
} else if (tp === 'keydown') {
var c =evt.keyCode;
if (pair && (c != 9 && c != 13 && c != 38 && c != 40)) {
t.style.display = 'none';
pair.style.display = 'inline';
pair.focus();
}
} else if (tp === 'blur') {
if (t.value) {
pair.options.length = 4;
pair.options[4] = new Option(t.value, t.value);
pair.options[4].selected = true;
}
t.style.display = 'none';
pair.style.display = 'inline';
}
}
-->
</script>
</head>
<body>
<select name="sel1" onchange="test(event)" onkeydown="test(event)">
<option value="" selected>
<option value="v1">v1
<option value="v2">v2
<option value="v3">v3
</select>
<input type="text" name="sel1" value="" onblur="test(event)" style="display:none;">
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) Excel コンボボックス バックカラー 1 2023/02/18 08:06
- Visual Basic(VBA) ExcelVBAでユーザーフォームでテキストボックスなどからセルに連続して入力するコーディングの際の 2 2022/06/29 22:51
- Access(アクセス) Accessの参照フィールドの列がずれてしまいます 1 2023/07/19 15:00
- Visual Basic(VBA) VB.net 1 2022/08/18 19:21
- Visual Basic(VBA) VB.net 1 2022/08/17 19:28
- Visual Basic(VBA) Excel VBA ユーザーフォーム1のコンボボックスに別ブックの値を反映させたいです。 6 2023/03/21 16:12
- Access(アクセス) Accessにインポートした複数のテーブルを表示させる方法が分かりません。 1 2023/01/30 20:22
- Visual Basic(VBA) ユーザーフォームの書き出しで追加のご相談 ユーザーフォームの値をシートに書き出す際、コードが表示され 2 2022/08/05 10:58
- Visual Basic(VBA) EXCEL VBA データベースの内容をユーザーフォームに表示したい。 5 2023/02/14 11:40
- Excel(エクセル) ユーザー定義について質問です。 2 2023/06/28 13:21
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQuery セレクトボックスで選択...
-
ラジオボタンでポップアップメ...
-
プルダウン 項目が多いので先頭...
-
html selectの内容を初期値に戻す
-
セレクトメニューで選択された...
-
ラジオボタンとドロップダウン...
-
【javascript・PHP】プルダウン...
-
UWSCのIE操作でプルダウンを選...
-
プルダウンとテキストの連動
-
現在時刻を取得してフォームのs...
-
<textarea>にプルダウンを表示...
-
セレクトボックスで現在選択さ...
-
javascriptでHTMLを絞り込み検...
-
グーグルマップの初期表示地点...
-
リストボックスの項目の順番を...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
チェックボックスのON/OFFでVal...
-
<form action="#">の意味とは?
-
フォームが空欄の時にフォーム...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
Selectの中身をfor文で入れる
-
html selectの内容を初期値に戻す
-
CSVファイルを読みこみ、プルダ...
-
セレクトを全て選択されていな...
-
ブラウザの戻るボタンを押した...
-
JQuery selectが反映されない
-
jQuery セレクトボックスで選択...
-
セレクトの値を取得できない
-
テーブルにおける行(セルにプル...
-
現在時刻を取得してフォームのs...
-
javascriptでの2つのプルダウン...
-
document.form で nullまたは...
-
リストボックスの項目の順番を...
-
onFocusOutが複数回呼ばれる!
-
javascriptでselectボックスの<...
-
プログラムがうまく動きません...
-
親子連動型のselectを設置し、...
-
selectタグに直接onChangeを書...
おすすめ情報