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查询时，我从数据库中提取日期，并且我想要选择一个特定的时间范围

我的数据库返回一个值，例如“00:30:00” date（H：i：s） 因此我需要使用jQuery将“00:30:00”设置为所选值，并且我不确定如何实现这一点。

我认为是这样的：

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

也许有人可以说清楚。

Answer 1

这是jQuery和Select元素的方便备忘单：cheatsheet 如果你打算和他们一起工作，它会派上用场。

Answer 2

首先，您应该在选择器中使用元素标记名称来提高效率

 $("select.startTime")

其次，您应该检查<?php echo $timeStart; ?>的值是什么，因为以下内容应该有效。

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

Answer 3

您想要HTML：

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

和javascript：

$("#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>

如果您将上面的脚本放在页面的head标签上，它应该可以正常工作。如果你想使用ajax，同样的程序也可以给你相同的结果。

jQuery使选择选项'选中'

4 个答案: