预约表的jQuery问题

Question

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

该表单具有诸如“开始日期、结束日期(在日期选择器中)、租车和还车的本地化(城市)”等字段，以及方向列表和客户借车的天数。只有一个依赖项。如果租车时间少于4天，租借和还车的城市是相同的，如果天数大于4天，还车的地点可能会不同。

整个表单工作得很好，直到客户端选择城市，天数小于4天。第一个城市的值是“复制”到第二个城市字段(城市的其他值被禁用)，这是正确的。在第一个城市下显示带有方向的字段，但在第二个城市下不显示方向列表(但应该显示，因为城市被选中)。

当我更改日期，总天数的值大于4，并且在第二个字段中，所有的城市都是活动的，如果我选择其中一个，方向就会显示出来，这是可以的，但我必须“点击”城市。当它被脚本插入时，方向列表被禁用。

有人能帮我这个忙吗？

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

Answer 1

首先，在#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');
}

Answer 2

您可以“强制”使用执行change事件

$('#return_car').change()

并且将显示方向输入。