JQuery/JS - 多輸入的一個選擇器

是否可以將一個選擇器分配給多個輸入字段？JQuery/JS - 多輸入的一個選擇器

我正在使用timepicker（jQuery-UI）將timepicker分配給輸入字段。但我注意到，我必須爲每個輸入字段創建一個選擇器。巨大的超負荷，不是嗎？

選擇：

$('#timepicker').timepicker({controlType: 'select',timeFormat: 'HH:mm'});

輸入字段：

<div class="large-1 columns"><input type="text" id="timepicker" placeholder="Start"></div> 
<div class="large-1 columns"><input type="text" id="timepicker" placeholder="End"></div>

倍6X
所以，我有14個可能timepicker輸入。

這可能嗎？

來源

2013-03-24 Marek123

爲什麼不試試呢？ – 2013-03-24 11:48:25

這是可能的，但請記住，ID是唯一的，所以jQuery將只選擇該ID的第一個元素，並忽略其餘的。嘗試使用類來代替，然後爲你的jQuery選擇器使用'$（'。timepicker'）。timepicker（...）' – Terry 2013-03-24 11:48:33

類是更好的方法，但是如果你仍然堅持在ID上使用它..試試$ （'＃id1，＃id2 ....，#idn'）。事件（） – theshadowmonkey 2013-03-24 12:26:19

您不應該對多個輸入使用相同的ID。改爲使用類，ID應該是唯一的。這是如何與類做到這一點。

$('.timepicker').timepicker({controlType: 'select',timeFormat: 'HH:mm'});

和HTML

<div class="large-1 columns"><input type="text" class="timepicker" placeholder="Start"></div> 
<div class="large-1 columns"><input type="text" class="timepicker" placeholder="End"></div>

來源

2013-03-24 11:50:00 Pankucins

omg是的，我很「愚蠢」。謝謝！錯過了這一點。 – Marek123 2013-03-24 11:53:37

您可以使用類似的東西：

$(":input").timepicker({controlType: 'select',timeFormat: 'HH:mm'});

來源

2013-03-24 11:51:19

JQuery/JS - 多輸入的一個選擇器

回答

相關問題