【问题标题】:on modal hide, reset contents of select (which are linked with datetimepicker fields)在模式隐藏时,重置选择的内容(与 datetimepicker 字段链接)
【发布时间】:2017-02-28 11:31:36
【问题描述】:

我有一个引导模式,其中包含一个选择下拉菜单。

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

现在,我面临一个问题,在模式关闭时从模式中清除所有这些值。

我试过这样做:

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

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

我需要在模式关闭时重置选择下拉菜单的内容,例如在模式打开时,默认选择的选项是现在反对发送和到期,选择的选项是 Datetimeexp 并且还想维护输入类型,如输入类型现在有类隐藏等,如小提琴所示。

这是一个小提琴:Fiddle

【问题讨论】:

    标签: javascript jquery html bootstrap-modal bootstrap-datetimepicker


    【解决方案1】:

    如果我理解正确,您的意思是您想在选择中重新设置 now 选项,并且依赖它的其他字段也应该重置为相应的值。如果是这样的话,这就是我所做的。我为选择的选项添加了值:

    <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/

    【讨论】:

    • 我希望模式在第一次打开时重置为默认值
    • +1 因为我通过将 $("#send").on("click", function() 更改为 $('#shareLocationModal').on('hidden.bs.modal', function() 来让它工作
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-01
    相关资源
    最近更新 更多