Comboboxes do not select given value using Javascript

Question

I have 2 comboboxes and I want to select a specific item by specifying a value using JS but they don't seem to work.

these are the Comboboxes:

                    <div class="row">

                        <div class="col-sm-6 form-group">
                            <label for="email"> Estado:</label>
                            <select class="form-control" id="Estado" name="cbmEstado" required> 
                            <option value="" selected="selected"></option>
                            <option value="1">Activo</option>
                            <option value="0">Inactivo</option>
                            </select>
                        </div>
                        <div class="col-sm-6 form-group">
                            <label for="email"> Exonerado:</label>
                            <select class="form-control" id="Exonerado" name="cbmExonerado" required> 
                            <option value="" selected="selected"></option>
                            <option value="1">Sí</option>
                            <option value="0">No</option>
                            </select>
                        </div>
                    </div>

this is the code to select the item in the Combobox:

 <script type="text/javascript">
    window.onload = function() {
    document.getElementById('Exonerado').value =1;
    document.getElementById('Estado').value =1;
}
</script>

Try putting the 1 in quotes .value = "1"

tymeJV
– tymeJV

2019-03-07 14:34:47 +00:00
Commented Mar 7, 2019 at 14:34 — tymeJV
– tymeJV, Commented Mar 7, 2019 at 14:34

lumio · Accepted Answer · 2019-03-07 14:34:48Z

Chrome seems to do exactly what you wanted. But I suspect that the real problem here is that you pass a Number and not a String.

If you wrap them in quotes like in the following code snippet, it works like a charm.

window.onload = function() {
  document.getElementById('Exonerado').value = "1";
  document.getElementById('Estado').value = "0";
}

<div class="row">

  <div class="col-sm-6 form-group">
    <label for="email"> Estado:</label>
    <select class="form-control" id="Estado" name="cbmEstado" required>
      <option value="" selected="selected"></option>
      <option value="1">Activo</option>
      <option value="0">Inactivo</option>
    </select>
  </div>
  <div class="col-sm-6 form-group">
    <label for="email"> Exonerado:</label>
    <select class="form-control" id="Exonerado" name="cbmExonerado" required>
      <option value="" selected="selected"></option>
      <option value="1">Sí</option>
      <option value="0">No</option>
    </select>
  </div>
</div>

Ashishya11 · Accepted Answer · 2019-03-07 14:38:43Z

window.onload = function() {
  document.getElementById('Exonerado').value = "1";
  document.getElementById('Estado').value = "1";
}

<div class="row">

  <div class="col-sm-6 form-group">
    <label for="email"> Estado:</label>
    <select class="form-control" id="Estado" name="cbmEstado" required>
      <option value="" selected="selected"></option>
      <option value="1">Activo</option>
      <option value="0">Inactivo</option>
    </select>
  </div>
  <div class="col-sm-6 form-group">
    <label for="email"> Exonerado:</label>
    <select class="form-control" id="Exonerado" name="cbmExonerado" required>
      <option value="" selected="selected"></option>
      <option value="1">Sí</option>
      <option value="0">No</option>
    </select>
  </div>
</div>

Now this will help you out from your query

Majid Ali Khan · Accepted Answer · 2019-03-07 14:38:17Z

0

There is no problem in the code so far, it should work without any problem.

answered Mar 7, 2019 at 14:38

Majid Ali Khan

7418 silver badges14 bronze badges

Collectives™ on Stack Overflow

Comboboxes do not select given value using Javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related