How to call jQuery Function from Html

Question

<script>
function go() 
{
window.location=document.getElementById("menu").value;
}
</script>

<body>
<form>
<select id="menu" onchange="go()">
  <option>--Select a page--</option>
  <option value="http://www.1.com">1</option>
  <option value="http://www.2.com">2</option>
  <option value="http://www.3.com">3</option>
</select>
</form>
</body>

this works perfectly, but I cant call the function from External File

$(document).ready(function() {
    function go(){
window.location=document.getElementById("menu").value;
}});

You didnt close the document ready function properly...$(document).ready(function() { function go(){ window.location=document.getElementById("menu").value; }}); — kamesh
– kamesh, Commented Feb 24, 2014 at 14:19
Simply call it like you are, just make sure you include the script AFTER your HTML — tymeJV
– tymeJV, Commented Feb 24, 2014 at 14:19

Mark Walters · Accepted Answer · 2014-02-24 14:22:46Z

6

By putting function go(){}" inside of "$(document).ready(function() { you enclosing the the go function within the scope of $(document).ready(function() {}

Use document.ready() to call a function, not to declare it.

edited Feb 24, 2014 at 14:22

Mark Walters

12.4k6 gold badges36 silver badges48 bronze badges

answered Feb 24, 2014 at 14:21

Michael Ford

8616 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user3252833 · Accepted Answer · 2014-02-24 14:26:37Z

3

Add an Event-Hanlder to your Script like

$('#menu').on('onchange', function()
{
 // do something
}

Example:

$(document).ready(function() {
    $('#menu').on('onchange', function()
    {
       window.location=document.getElementById("menu").value;
    }
});

And your HTML looks like:

<select id="menu">
      <option>--Select a page--</option>
      <option value="http://www.google.com">1</option>
      <option value="http://www.2.com">2</option>
      <option value="http://www.3.com">3</option>
    </select>

edited Feb 24, 2014 at 14:26

answered Feb 24, 2014 at 14:21

user3252833

1299 bronze badges

Comments

jokie1982 · Accepted Answer · 2014-02-24 14:22:37Z

1

No it's jquery but it's very simple!

<select id="menu" onchange="document.location.href = this.value">
      <option>--Select a page--</option>
      <option value="http://www.google.com">1</option>
      <option value="http://www.2.com">2</option>
      <option value="http://www.3.com">3</option>
    </select>

answered Feb 24, 2014 at 14:22

jokie1982

563 bronze badges

Comments

Pugazh · Accepted Answer · 2014-02-24 14:26:30Z

0

Use $('#menu').find(":selected").text();

answered Feb 24, 2014 at 14:26

Pugazh

9,5715 gold badges36 silver badges57 bronze badges

Collectives™ on Stack Overflow

How to call jQuery Function from Html

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related