teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

文章の追加

2016/12/12 07:03

投稿

BeatStar
BeatStar

スコア4962

title CHANGED
File without changes
body CHANGED
@@ -82,4 +82,52 @@
82
82
  HTML: HTML5
83
83
  言語: JavaScript
84
84
 
85
+ 宜しくお願い致します。
86
+
87
+
88
+ --------------
89
+
90
+ 文章を追加します。
91
+
92
+ 私がやりたかったことは、
93
+
94
+ HTML5 で Combobox ( datalist を使ったもの ) と ボタンを用意して、
95
+
96
+ ComboBoxのようなもの ( 以下 Combo ) の Text部に入っているデータがリスト部に設定されているデータ群 にまったくヒットしなかったら
97
+ "リストにありません。入力しなおしてください。" というようなalertを表示し再入力を促す。
98
+ -1 以外 ( リストにあるデータ ) なら そのページに移動する...
99
+
100
+ といった感じです。
101
+
102
+ 私がイメージしていたのは、
103
+
104
+ ボタンが押されたときに動く関数 ( 以下 ButtonProc )と
105
+
106
+ リスト部にあるデータかどうかを調べる関数 ( 以下 CheckListIndex )
107
+
108
+ とあって、
109
+
110
+ ボタンが押された -> ButtonProc が呼ばれる -> ButtonProc内で CheckListIndex が呼ばれ、選択されているインデックスを調べる -> 戻り値が
111
+ -1 のとき データが存在しない。それ以外なら 存在する。 -> 戻り値が -1 なら "リストにありません。入力しなおしてください。" と表示し、それ以外なら 指定のページに移動する。
112
+
113
+ といった感じです。
114
+
115
+ 指定のページ...
116
+
117
+ たとえば、
118
+ HTML の タグに埋め込まれている id が Combo のリスト部 ( datalist ) に入っていて、
119
+
120
+ true のとき ( つまり -1 以外 ) 、ページアドレス + "#" + 入力値
121
+
122
+ という感じにしたいのです。
123
+
124
+ たとえば、
125
+
126
+ "選択肢A" が選ばれている場合は
127
+
128
+ "Object.html#選択肢A"
129
+
130
+ に移動...
131
+ みたいに。
132
+
85
133
  宜しくお願い致します。