jQuery使选择选项“选中”
我有一个关于jQuery的基本问题 我有一个静态时间选择框,即:jQuery使选择选项“选中”,jquery,mysql,jquery-selectors,Jquery,Mysql,Jquery Selectors,我有一个关于jQuery的基本问题 我有一个静态时间选择框,即: <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>
<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 dateH:i:s
因此,我需要使用jQuery将00:30:00设置为所选值,但我不确定如何实现这一点
我以为是这样的:
$(".startTime").val('<?php echo $timeStart; ?>');
也许有人可以解释一下。首先,为了提高效率,您应该在选择器中使用元素标记名
$("select.startTime")
其次,您应该检查的值是多少,因为下面的操作应该有效
$("select.startTime").val('<?php echo $timeStart; ?>');
您需要HTML:
<select id="startTime" class="startTime">
和javascript:
$("#startTime").val('<?php echo $timeStart; ?>');
下面是一个方便的jQuery和Select元素备忘表:
如果您要与他们一起工作,它会派上用场。如果您想在页面加载时更改所选项目,您可以尝试以下方法
<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,同样的过程也能给你同样的结果。你所写的应该有用。还有别的事情。你确定$timeStart的值被正确地插入到你的JS中了吗?人们只需要一个用于select和jQuery的备忘单?我很确定现在几乎所有东西都有备忘单。手边有一个快速参考并没有什么错tho:PYeah似乎还有另一个恼人的小故障,所以代码确实起作用了。。。很抱歉把这个问题抛出去。但是谢谢你的回复!干杯圣诞快乐!