How to pass text in a textbox to JavaScript function?

by

You could either access the element’s value by its name:

document.getElementsByName("textbox1"); // returns a list of elements with name="textbox1"
document.getElementsByName("textbox1")[0] // returns the first element in DOM with name="textbox1"

So:

<input name="buttonExecute" onclick="execute(document.getElementsByName('textbox1')[0].value)" type="button" value="Execute" />

Or you assign an ID to the element that then identifies it and you can access it with getElementById:

<input name="textbox1" id="textbox1" type="text" />
<input name="buttonExecute" onclick="execute(document.getElementById('textbox1').value)" type="button" value="Execute" />

More Related Contents:

  1. Close ad to continue as free user?
  2. Javascript / Html Check box error [closed]
  3. How do I retrieve an HTML element’s actual width and height?
  4. Show/hide ‘div’ using JavaScript
  5. Good tutorial for using HTML5 History API (Pushstate?) [closed]
  6. How can get the text of a div tag using only javascript (no jQuery)
  7. How can I set focus on an element in an HTML form using JavaScript?
  8. How to display JavaScript variables in a HTML page without document.write
  9. How to make a link open multiple pages when clicked
  10. script tag create with innerHTML of a div doesn’t work
  11. HTML selected option background-color CSS style
  12. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  13. How to get the position of text within an element?
  14. How can I copy rich text contents to the clipboard with JavaScript?
  15. Form Submit Execute JavaScript Best Practice? [closed]
  16. How to clear a chart from a canvas so that hover events cannot be triggered?
  17. How to remove the parent element using plain Javascript
  18. Choosing Mobile Web HTML5 Framework [closed]
  19. How to Toggle a div’s visibility by using a button click
  20. How to disable elements selection and resizing in contenteditable div?
  21. JavaScript innerHTML is not working for IE?
  22. Set content of HTML with Javascript
  23. Failed to load resource from same directory when redirecting Javascript
  24. AngularJs – Best-Practices on adding an active class on click (ng-repeat)
  25. JavaScript – Get size in bytes from HTML img src
  26. Set Caret Position in ‘contenteditable’ div that has children
  27. Jquery/Javascript Opacity animation with scroll
  28. JavaScript EventSource SSE not firing in browser
  29. Maximum Call Stack Size Exceeded During a setTimeout Call
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment