JQuery сделать выбор опцию «выбран»

Question

У меня есть базовый вопрос, касающийся jQuery.

У меня есть поле статического выбора времени IE:

<select name="startTime" class="startTime">
  <option value="00:00:00">12:00am</option>
  <option value="00:15:00">12:15am</option>
  <option value="00:30:00">12:30am</option>
  <option value="00:45:00">12:45am</option>
  etc...
</select>

Поэтому, когда я запускаю MySQL Query, я извлекаю дату из базы данных.и я хочу выбрать определенный период времени

моя база данных возвращает значение, такое как "00:30:00" дата (H: i: s) Так что мне нужносделать "00:30:00" выбранное значение с помощью jQuery, и я не совсем уверен, как это сделать.

Я думал, что это было что-то вроде этого:

$(".startTime").val('<?php echo $timeStart; ?>');

Возможно, кто-то мог бы пролить свет.

Answer 1

Вот удобная таблица для элементов jQuery и Select: cheatsheet Если вы собираетесь с ними работать, она вам пригодится.

Answer 2

Вы хотите HTML:

<select id="startTime" class="startTime">

И JavaScript:

$("#startTime").val('<?php echo $timeStart; ?>');

Answer 3

Сначала вы должны использовать имя тега элемента в селекторе для эффективности

 $("select.startTime")

Во-вторых, вы должны проверить, каково значение <?php echo $timeStart; ?>, потому что должно работать следующее:

 $("select.startTime").val('<?php echo $timeStart; ?>'); 

Answer 4

Если вы хотите изменить выбранный элемент при загрузке страницы, вы можете попробовать что-то вроде этого.

<script type="text/javascript">
$(document).ready(function(){
<?php 
      $your_query_return="00:15:00";
?>
      $('select.startTime').val("<?php echo your_query_return;?>").attr('selected','selected');
});

</script>

Если вы поместите скрипт выше на свой заголовок страницы, он должен работать.Та же процедура может дать вам тот же результат, даже если вы хотите использовать ajax.