Question

我有四个预订框，每个活动一个，我会做，每个框都有一个日期。当某人点击某个框时，会自动显示一个表单。

我想做什么：

例如：

BOX ONE - DATE: 1/1/1
BOX TWO - DATE: 2/2/2
BOX THREE - DATE: 3/3/3
BOX FOUR - DATE: 4/4/4

如果有人点击第一个方框，则会显示选择日期为1/1/1的表格。如果此人点击了第二个框，则会显示选定日期为2/2/2的表单。

<div data-dateValue="1/1/1" class="box box-1">
 <h2>Box one</h2>
 <h2>1/1/1</h2>
</div>

<div data-dateValue="2/2/2" class="box box-2">
 <h2>Box two</h2>
 <h2>2/2/2</h2>
</div>

他们有一个选择日期相同的选项：

<select>
 <option>1/1/1</option>
 <option>1/1/1</option>
</select>

我需要根据用户点击的框更改所选的选项。

Answer 1

我们没有看到整个HTML，因此很难为选项制作一个合适的选择器，但它看起来像这样：

$('.box').on('click', function(){
     var s = $(this).data('dateValue');
     $("option").data('dateValue', s).val(s);   
});

更新

如果我理解正确，代码将如下所示：

$('.box').on('click', function(){
     var s = $(this).data('dateValue');
     $("select").val(s);   
});

这将选择包含框中所选值的选项中的选项。

如何根据所选框更改日期表单字段

1 个答案: