2010-12-22 145 views
2

我有一个关于jQuery的基本问题。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; ?>'); 

也许有人能提供一些线索。

+0

你写的东西应该可以工作。其他事情正在发生。你确定`$ timeStart`的值是否正确地插入到你的JS中? – Jon 2010-12-22 02:05:27

回答

1

首先,你应该在选择使用元素的标签名效率

$("select.startTime") 

其次,你应该检查什么的<?php echo $timeStart; ?>值,因为下面应该工作。

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

是的,好像还有另一个恼人的故障,所以代码确实工作...抱歉扔掉这个问题。但谢谢你的回复!干杯。圣诞节快乐! – Justin 2010-12-22 17:47:44

1

你想HTML:

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

和Javascript:

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

这里是jQuery的一个方便的cheatsheet和选择元素:cheatsheet 如果你要与他们合作它会派上用场。

+0

人们需要一个备忘单才能用于`select`和jQuery? – alex 2010-12-22 02:16:34

0

如果您想在页面加载时更改选定的项目,可以尝试一些这样的事情。

<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,同样的过程可以给你同样的结果。