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; ?>');

也許有人能提供一些線索。

來源

2010-12-22 Justin

你寫的東西應該可以工作。其他事情正在發生。你確定`$ timeStart`的值是否正確地插入到你的JS中？ – Jon 2010-12-22 02:05:27

首先，你應該在選擇使用元素的標籤名效率

$("select.startTime")

其次，你應該檢查什麼的<?php echo $timeStart; ?>值，因爲下面應該工作。

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

來源

2010-12-22 02:03:30

是的，好像還有另一個惱人的故障，所以代碼確實工作...抱歉扔掉這個問題。但謝謝你的回覆！乾杯。聖誕節快樂！ – Justin 2010-12-22 17:47:44

你想HTML：

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

和Javascript：

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

來源

2010-12-22 02:04:41 zsalzbank

這裏是jQuery的一個方便的cheatsheet和選擇元素：cheatsheet 如果你要與他們合作它會派上用場。

來源

2010-12-22 02:06:16 jon3laze

人們需要一個備忘單才能用於`select`和jQuery？ – alex 2010-12-22 02:16:34

如果您想在頁面加載時更改選定的項目，可以嘗試一些這樣的事情。

<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，同樣的過程可以給你同樣的結果。

來源

2010-12-22 04:12:40 tkt986

jQuery使選擇選項'選擇'

回答

相關問題