在模态隐藏中，重置 select 的内容（与日期时间选择器字段链接）

Question

我有一个 bootstrap 模式，其中包含一个 select 下拉菜单。

在它的变化上，出现了一个日期时间选择器。就像 selected 选项是小时一样，小时将显示在其他日期时间。

现在，我在关闭模态时遇到从模态中清除所有这些值的问题。

我尝试通过 :

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

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

我需要在模态关闭时重置 select 下拉菜单的内容，就像在模态打开时一样，selected 选项默认为 Now against send and in expiry，select ed 选项是 Datetimeexp 并且还想维护输入类型，例如输入类型 class 现在隐藏等，如 fiddle 所示。

这是一个 fiddle : 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的值，并触发改变事件：

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

这是 fiddle 的变化： https://jsfiddle.net/5m966drd/

在模态隐藏中，重置 select 的内容（与日期时间选择器字段链接）

on modal hide, reset contents of select (which are linked with datetimepicker fields)

html

javascript

jquery

bootstrap-modal

bootstrap-datetimepicker