JQuery Любое средство выбора строк

Я не знаю об абсолютно общем, хотя вы, безусловно, можете довольно легко получить селектор строк в jQuery.

<script type="text/javascript"> $(function() {
        $('table#data_table tr').click(function() {
              alert($(this).find('td.id').html());
          }); }); 
</script>


<table border="0" id="data_table">
<tr>
<td class="id">45</td><td>GMT</td>
</tr>
<tr>
<td class="id">47</td><td>CST</td>
</tr>
</table>

Это добавляет щелчок к каждой строке, находит помеченный идентификатор в строке, который затем позволяет вам что-то с ним делать. Очевидно, вам нужно будет нацелить это на свою таблицу данных и отфильтровать на основе содержимого. Затем можно использовать JQuery для заполнения результата клика в целевом поле. Затем вы можете придумать какое-то соглашение, в котором все ваши таблицы данных работают одинаково, что позволит вам обобщить это в общий сборщик для вашего приложения.

В этом случае лучше использовать делегирование событий. Поэтому поместите обработчик событий в саму таблицу, чтобы избежать необходимости связывать обработчик для каждой строки, что довольно дорого, если у вас есть несколько хороших строк. Затем вы можете использовать event.target, чтобы запросить, какой элемент был ответственен за событие, и перейти оттуда.

Подробнее здесь

E.g

$('#someTable').click(function(e) {
  var target = $(e.target);

});

Это не совсем то, что вы просили, но это может быть то, что вы ищете: AJAX-виджет Any+Time(TM) Datepicker/Timepicker с поддержкой часовых поясов может отображать список часовых поясов прямо в средстве выбора времени, упрощая пользователю выбор соответствующий часовой пояс. Его также легко настроить, и он обеспечивает более быстрый выбор, чем большинство других средств выбора времени, использующих раскрывающиеся списки или ползунки. Надеюсь, это поможет!

Я знаю, что опоздал на год и, вероятно, что-то здесь упускаю, но что не так с элементом select с атрибутом size?

<select name="test" size="5">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>

Это покажет все 5 вариантов и позволит пользователю выбрать один. Он также не имеет абсолютно никакой зависимости от Javascript, если просто используется в стандартной форме, но также может хорошо обрабатывать типичные события Javascript, а также, похоже, создает именно тот внешний вид, который вы хотели - не говоря уже о том, что, как всегда, вы можете использовать CSS для стилизации это как вам нравится.

Когда стандартный HTML будет работать, я скажу: используйте стандартный HTML.