2012-08-01 55 views
0

我需要一些幫助來創建一個jquery腳本,將處理汽車預訂表格。與預訂表格jQuery問題

該表格具有諸如「開始日期,結束日期(日期選擇器),本地化(城市)租金」等字段,並將方向列表和客戶借用汽車的天數返回給汽車。只有一個依賴。如果汽車租賃時間少於4天,則借用和返還的城市是相同的,並且如果天數大於4天,返回汽車的地點可能不同。

整個表格工作得很好,到客戶選擇城市的地點,天數小於4.第一個城市的價值是「複製」到第二個城市領域(和其他城市值是禁用),這是正確的。在第一個城市下方出現有方向的場地,但在第二個城市下方未列出方向的列表(但應該,因爲城市被選中)。

當我改變日期和總日期的值大於4,在第二個字段中,所有的城市都是活躍的,如果我選擇其中一個方向顯示出來,那就沒問題,但我必須「點擊」城市。當它通過腳本插入時,方向列表被禁用。

任何人都可以幫助我嗎?

的幹活例如:http://jsfiddle.net/amarcinkowski/EbdFY/

回答

0

首先,您在#return_car#get_car上重複更改事件的綁定。刪除或註釋掉此行:

$('select#return_car').change(compute); 
$('select#get_car').change(compute); 

在第二,爲馬克西姆大號寫道:

if (parseInt($("#finish_day").val()) < 4) { 
    $('#return_car') 
    .children('#return_car option[value=' + $('#get_car').val() + ']') 
    .attr('selected', true) 
    .siblings().attr('disabled', true); 
    if ($('#return_car').val()) $('#return_car').change(); // or $('#return_car').trigger('change'); 
} 
+0

Hi @Kir - 它工作得很漂亮好吧,但我注意到datepicker的問題 - 我點擊一天後沒有隱藏,當我刪除'#return_car'和'#get_car'時,第一個框中的城市不會複製到第二個框,如果總數一天小於4 – Adrian 2012-08-01 09:01:55

+0

在這種情況下,僅刪除或註釋'$('select#return_car')。change(compute);'。但是你必須永遠記住'#get_car'上有兩個綁定# – Kir 2012-08-01 09:17:11

+0

你是對的!還有一件事 - 在city2下腳本顯示與city1框下相同的值 - 它應該只顯示3個選項,現在顯示4個選項 – Adrian 2012-08-01 09:27:32

1

你可以「力」的變化與事件

$('#return_car').change() 

執行和方向輸入將被顯示。

+0

我試着用'change'功能,並沒有在你的腳本工作,以及 – Adrian 2012-08-01 08:26:42

+0

在這種情況下,無限遞歸 – Kir 2012-08-01 08:33:13

+0

這就是爲什麼我尋求幫助 – Adrian 2012-08-01 08:37:23