CODEWITHSUNDEEP
javascripthtml
Errol Chaves Moya
Errol Chaves Moya

Reputation: 377

Comboboxes do not select given value using Javascript

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>

Upvotes: 0

Views: 35

Answers (3)

Ashishya11
Ashishya11

Reputation: 51

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

Upvotes: 2

Majid Ali Khan
Majid Ali Khan

Reputation: 741

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

Upvotes: 0

lumio
lumio

Reputation: 7575

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>

Upvotes: 4

Related Questions