Question

我有一个bootstrap模式，它包含一个select下拉列表。

随着它的改变，会出现一个datetimepicker。就像选择的选项是小时一样，小时也会显示为日期时间。

现在，我正面临一个问题，即从模态关闭模式中清除所有这些值。

我尝试过：

$("#shareLocationModal").on("hidden.bs.modal", function()
        {
                $("#sendDropDownOptions option").text('Now')
        });

这里的问题是所有选项都改为现在。

我需要重置模态关闭时选择下拉菜单的内容，比如模态打开，默认选择选项是现在反对发送，到期时，选中的选项是Datetimeexp，也想保持输入类型，如输入类型现在隐藏类等，如小提琴所示。

这是一个小提琴：Fiddle

Answer 1

如果我理解正确，你的意思是你想在select中设置now选项，而依赖它的其他字段也应该重置为相应的值。如果是这样的话，这就是我所做的。我在select：

的选项中添加了值

<select id="sendDropDownOptions" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Send Options" class="form-control" style="width:100%;">
<option value="Now">Now</option>
<option value="Datetime">Datetime</option>
<option value="Now">Hours</option>

</select>

然后我设置select的值，并触发change事件：

$("#send").on("click", function()
        {
                $("#sendDropDownOptions").val('Now').trigger('change');
        });

这里是变化的小提琴： https://jsfiddle.net/5m966drd/

在模态隐藏，重置select的内容（与datetimepicker字段链接）

1 个答案: