jQuery问题与预订表格

时间:2012-08-01 07:52:35

标签: javascript jquery datepicker

我需要一些帮助来创建一个jquery脚本来处理汽车预订表。

表格中包含“开始日期,结束日期(日期拣货)”,“租赁的本地化(城市)”等字段,并返回汽车的方向列表和客户借车的天数。只有一个依赖。如果租车的时间少于4天,则借用和返回的城市是相同的,如果天数大于4天,返回的车辆的位置可能会有所不同。

整个表格运作良好,客户选择城市且天数小于4.第一个城市的值是“复制”到第二个城市字段(城市的其他值被禁用) ),这是正确的。在第一个城市出现带有方向的字段,但在第二个城市下方向列表没有显示(但应该,因为城市被选中)。

当我更改日期并且总天数的值大于4且在第二个字段中所有城市都处于活动状态时如果我选择其中一个方向显示,那就没问题,但我必须“点击“城市。当它通过脚本插入时,方向列表被禁用。

有人可以帮我吗?

工作示例:http://jsfiddle.net/amarcinkowski/EbdFY/

2 个答案:

答案 0 :(得分:1)

您可以“强制”使用

执行更改事件
$('#return_car').change()

将显示方向输入。

答案 1 :(得分:0)

首先,您在#return_car#get_car上复制更改事件的绑定。删除或评论此行:

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

第二,正如Maxime L所写:

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