1

私は選択ドロップダウンからなるブートストラップモーダルを持っています。はモーダルの隠し、selectの内容をリセットします(datetimepickerフィールドにリンクされています)

変更には、表示されるdatetimepickerがあります。選択したオプションが時間と同じように、時間は他の日時も表示されます。

ここでは、モーダルクローズのモーダルからこれらの値をすべてクリアする問題に直面しています。

私はでそれをやってみました:ここでの問題は、すべてのオプションが今まで変わってしまうことがあり

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

私はモーダルクローズのように選択ドロップダウンの内容をリセットする必要があります。モーダルオープンのように、デフォルトでは選択されたオプションです。送信と期限切れで、選択されたオプションはDatetimeexpです。入力タイプは、fiddleで示されているように、今はclass hideを持っています。ここで

はフィドルです:Fiddle

答えて

1

私が正しくあなたを理解していれば、あなたはあなたが戻って選択するようになりましオプションを設定する意味、およびそれに依存する他のフィールドが同様に対応する値にリセットする必要があります。それが事実なら、これは私がやったことです。私は選択のオプションに値を追加しました:

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

は、その後、私は選択の値を設定し、変更イベントをトリガー:

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

ここで変更でフィドルだ: https://jsfiddle.net/5m966drd/

+0

モーダルをデフォルトにリセットしたいのですが、これは最初に –

+0

+1を開くときに '$("#send ")を変更することで機能しています。on(" click "、function()' to ' $( '#shareLocationModal')。on( 'hidden.bs.modal'、function() ' –

関連する問題