<datalist id="fruits"> <option value="みかん"> <option value="リンゴ"> <option value="ばなな"> <option value="いちご"> </datalist><form method="post"> <input type="text" name="fs[]" id="fs" autocomplete=on list="fruits"> //ただし、このタグは複数(いくつ存在するかは動的に変わる) <input type="submit" value="送信"> </form>
このdatalistのもとになるデータは
array( 1=>"みかん",
2=>"リンゴ",
3=>"ばなな",
4=>"いちご")
とします。
やりたいことは、送信ボタンをクリックしたときに、inputタグの値およびdatalistのもとになる配列キー(1,2,3,4 のいずれか)を取得したい。
いずれかのinputタグで、たとえば、'みかん' を選択したとき、配列キーの1
を取得する、ということをしたいです。
予想結果
<input type="text" name="fs[]" id="fs" autocomplete=on list="fruits"> // リンゴ を選択 <input type="hidden" name="fs_key[]" id="fs" value="2"> // 選択後 key 2 がセットされる <input type="text" name="fs[]" id="fs" autocomplete=on list="fruits"> // みかん を選択 <input type="hidden" name="fs_key[]" id="fs" value="1"> // 選択後 key 1 がセットされる