<select id="modalAdd_DDLSample"> </select>
<option value=0> PC</option>
<option value=1> MAC </option>
<option value=2> Rasberry </option>
$("#modalAdd_DDLSample").val("1");
$("#modalAdd_DDLSample").val(1);
$("#modalAdd_DDLSample").val('1');
$("#modalAdd_DDLSample").val("1");
$('#modalAdd_DDLSample option[value="1"]').attr("selected",true);
$('#modalAdd_DDLSample option[value="1"]').attr("selected","selected");

He intentado muchas maneras de establecer el valor de la lista desplegable al valor predeterminado 1(MAC) cuando el formulario es de carga, pero ninguno de ellos funciona, ¿me perdí algo importante? Agradezco su ayuda

0
Jet 5 nov. 2019 a las 05:48

4 respuestas

Su código de selección es incorrecto, las opciones deben escribirse dentro de la etiqueta de selección.
Este es el código html.

<select id="modalAdd_DDLSample"> 
    <option value=0> PC</option>
    <option value=1> MAC </option>
    <option value=2> Rasberry </option>
</select>

No olvides incluir la biblioteca jquery
este es el código javascript

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script type="text/javascript">
    $(function(){
      $("#modalAdd_DDLSample").val(1);
    });
</script>

Cuando se carga la página, establecerá automáticamente el valor modalAdd_DDSSample en MAC. Resultado aquí

1
Ayu Anggraeni 5 nov. 2019 a las 07:52

Su código JS tiene razón, pero tiene problemas en el código HTML

Echa un vistazo al ejemplo de código

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
<body>
<select id="modalAdd_DDLSample"> 
    <option value=0> PC</option>
    <option value=1> MAC </option>
    <option value=2> Rasberry </option>
</select>
  <script>
    $(function(){
      $("#modalAdd_DDLSample").val("1");
    });
  </script>
  </body>
</html>
0
yasin-munshi 5 nov. 2019 a las 03:08
<select id="modalAdd_DDLSample"> 
   <option value="0"> PC</option>
   <option value="1"> MAC </option>
   <option value="2"> Raspberry </option>
</select>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script>
    let value="1"; 
    $("#modalAdd_DDLSample").val(value);
</script>
0
Kishore Newton 5 nov. 2019 a las 14:51

Coloque las opciones en la selección y escriba seleccionadas en la que desee predeterminadamente.

<select id="modalAdd_DDLSample">
  <option value=0> PC</option>
  <option value=1 selected> MAC </option>
  <option value=2> Rasberry </option>
</select>
1
Icewine 5 nov. 2019 a las 02:52