javascript – selecting an option in a select statement from onclick event

I would like to select an option in a select menu, based off of a javascript function called from an onclick.

See, the user gets to select how many lashes Bob gets, but if the user clicks on the button, it selects \”1\” from the pull-down list.

Basically, I want to set the value of a pull-down menu\’s default option based on a java script event. here\’s the jsfiddle I\’ve given an example to. I\’ve tried just about every event in the w3schools.com repository, and I\’ve just about given up.

  How Many lashes would Bob like? 
  <select id=\"lashes\" name=\"lashes\">
  <option value=\"five\">5</option>
  <option value=\"four\">4</option>
  <option value=\"three\">3</option>
  <option value=\"two\">2</option>
  <option value=\"one\">1</option>
  <option value=\"zero\">0</option>
  </select>

  <input type=\"button\" value=\"Bob actually wants only 1 lashing\" onclick=\"doit()\">

​  function doit() {
    document.getElementByID(\'lashes\') = \'one\';
  }​

http://jsfiddle.net/pietbarber/H8Ctx/

Also, I don\’t want to use any javascript libraries if I can get away with it, so no jsquery, or whatever.

TL;DR – I want to click on that button and have \’1\’ selected from the pull-down menu when I click on that button.

Rating: 4 out of 5 based on 3 ratings

Posts Related to javascript - selecting an option in a select statement from onclick event

• Jul 10th, 2012 javascript - onclick event in HTML <select> not working Chrome and Safari Tuesday AM 05:32:53


• Aug 11th, 2012 How do I add something to my html using javascript without erasing the whole page Saturday AM 07:40:58


• Jul 30th, 2012 javascript - select onclick onchange not working Monday PM 12:35:36


• Nov 12th, 2012 post - How to get all the values from a HTML select element in php? Monday AM 11:38:28


• Jul 19th, 2012 javascript - how to display hide and show select box? Thursday AM 11:55:34


• Aug 11th, 2012 php - differentiating identical select names Saturday AM 10:14:12


• Nov 17th, 2012 javascript - Checkboxes ticked if user selects certain options Saturday PM 17:34:52


• Aug 28th, 2012 javascript - I am trying to make dropdown enabling using jquery Tuesday AM 07:12:19


• Jul 07th, 2012 android - How to show the button in dropdown event? Saturday PM 19:45:27


• Aug 16th, 2012 javascript - Sending both the value and key of an option box as parameters? Thursday AM 08:53:39

The post javascript – selecting an option in a select statement from onclick event appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/javascript-selecting-an-option-in-a-select-statement-from-onclick-event.html