Tengo esta lista desplegable en un modal

<div class="control-group">
    <label class="control-label" for="selectInsert01">Country Name:</label>
    <div class="controls">
        <select id="selectInsert01" class="input-xlarge with-search" data-bind="foreach: citiesModel.countriesList">
            <option data-bind="text: Name, value: CountryID"></option>
        </select>
    </div>
</div>

Cada vez que seleccione algo y salir de la modal y de abrir de nuevo el valor seleccionado en la lista desplegable todavía está seleccionada. ¿Cómo puedo restablecer los valores por lo que no se ha seleccionado nada, cuando me la salida los modales

  • Nos muestran sus modales código de secuencia de comandos.

4 Comentarios

  1. 17

    Modales cerca de

    $("#selectInsert01 option:eq(0)").prop("selected", true); //set option of index 0 to selected
  2. 6

    Esto funcionó para mí. Espero que ayude.

    $("#selectInsert01 option:selected").removeAttr("selected");
    • No me funciona en IE11
  3. 1

    Puede restablecer su desplegable como

    $("#selectInsert01 option:first").attr("selected", true);

    Pero sólo de cambiar el valor seleccionado de la lista desplegable, pero no la etiqueta que es visible para el usuario, de modo que usted tiene que cambiar también. Para que usted puede hacer :

    $(".control-label").text($("#selectInsert01 option:first").val()); 

Dejar respuesta

Please enter your comment!
Please enter your name here