3

選択ボックスがあります：

<select class="selectpicker" id="select_seleccionar_proyecto_id">
    <option value="0">Seleccione..</option>
    <option value="1">Tarea número 1</option>
    <option value="2">Tarea número 2</option>
    <option value="3">Tarea número 3</option>
    <option value="4">Tarea número 4</option>
    <option value="5">Tarea número 5</option>
    <option value="6">Tarea número 6</option>
</select>

選択ボックスはモーダルにあり、モーダルを閉じた後、選択ボックスは前回最後に選択したオプションのままです。

モーダルが非表示になった後に呼び出されるメソッドを作成しましたが、選択ボックスをリセットするように試したものはありません:

LimpiarModalTarea: function(){

    var self = this;

    //My attempts:
    /*
     * $("select option[value='0']").attr("selected","selected");
     * $("select_seleccionar_proyecto_id").val($("select option[value='0']").val());
     * $("#target").val($("#select_seleccionar_proyecto_id option:first").val());
     * $( "#select_seleccionar_proyecto_id option:first" ).val(); 
     */
},

アラートを入れてLimpiarModalTarea、モーダルを閉じたときにアラートが機能する..メソッドが呼び出されたことがわかります。

助言がありますか？

モーダル画像 http://www.uppic.com/uploads/14302560911.jpg

編集：

申し訳ありませんが、異なるモジュールで動作することについては言及していませんでした。

モジュール「A」には、モーダルメソッドを開いて公開するボタンを含むメソッドがあります。

このメソッドには次の html が含まれています。

                    +                       
                    '<a href="#myModal2" role="button" class="btn btn-success btn-sm" id ="btn_seleccionarTarea_'+iContProyecto+'_id" data-toggle="modal"><strong>Seleccionar una tarea</strong></a>'
                    +

このメソッドには次のパブリケーションが含まれています。

PublicarBotonSeleccionarTarea: function(icontTarea){

    var self = this;

    $("#btn_seleccionarTarea_"+icontTarea+"_id").click(function(){
    self.publishers("seleccionProyecto_seleccionarTarea", icontTarea);
    });
},

モジュール「B」では、次の方法でサブスクライブします。

subscribers : function() {

    var self = this;
    self.sb.subscribe('seleccionProyecto_seleccionarTarea', function(data) {
    self.idTarea=data;
    self.showModal();
    });
    },

モーダルのアクション ボタン:

CargarAcciones: function(){

    var self = this;
    self.hideError();
    $('#btn_modal_seleccionarTarea_cancelar_id').click(function(){

    self.HideModal();
    self.hideError();

    });  
    $('#btn_modal_seleccionarTarea_aceptar_id').click(function(){

    var seleccionTarea = $( "#select_seleccionar_proyecto_id option:selected" ).val();
    if(seleccionTarea!=0){
    self.envioNombreTarea();
    self.HideModal();
    }else{
    self.showError();

    }


    });
    },

次に、前に述べたことに取り組み始めるので、同じモジュールにボタンがありません。

モジュール B のモーダルをクリーンアップする必要があります

4

2 に答える 2

2

charlietflが指摘したように、使用するのが最も簡単です

$('select').val('0');

select 要素をリセットして、最初の option 要素を表示したままにします。

于 2015-04-28T21:35:56.907 に答える