Javascript Form How to - Set value of a select box








Question

We would like to know how to set value of a select box.

Answer


<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
window.onload=function(){<!--from   w  ww.ja va 2s  .  c  o m-->
    var selectElement = document.body.firstElementChild;
    selectElement.value = "jp";
}
</script>
</head>
<body>
  <select name="country">
    <option value="us">America</option>
    <option value="jp">Japan</option>
    <option value="cn">China</option>
    <option value="vi">Vietnam</option>
  </select>
</body>
</html>

The code above is rendered as follows: