Add string and input select value to url onchange and page load

Question

I have a code below that adds a string along with the value of a input select when the page is loaded. The code below somewhat works but there's long unrecognizable string after the = sign.
I also need for the code to load when the page is loaded.
In other word, the url should also includes the appended text when the page is loaded.
Can anyone help?

<script>
  $(document).ready(function() {
    $("#staff-list").on('change', function() {
      location.href = "?account=" + $(this).val;
    });
  });
</script>

One simple change and it works. Thanks, Nirav. BTW, if I want to make this code to return the appended url on page load, how should I do it? — ubuntujavy
– ubuntujavy, Commented May 17, 2017 at 4:29

Nirav Madariya · Accepted Answer · 2017-05-17 04:49:23Z

3

You should change the line, where you append URL from,

location.href = "?account=" + $(this).val; to,
location.href = "?account=" + $(this).val();

and you want your code to return the appended URL, you can do like,

    <script>
      $(document).ready(function() {
        $("#staff-list").on('change', function() {
           $("#id_of_a").attr("href","somefile.php?account=" + $(this.val());
        });
      });
    </script>

I'm not sure what your code scenario is, but this might help.

edited May 17, 2017 at 4:49

answered May 17, 2017 at 4:32

Nirav Madariya

1,5062 gold badges24 silver badges38 bronze badges

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

4 Comments

ubuntujavy Over a year ago

Thanks. How would I change the code to make it to append the url when page is loaded?

Nirav Madariya Over a year ago

you can use onload() function of <body> tag.

ubuntujavy Over a year ago

Instead of appending the url on onchange, I also wanted it to append url when the page is loaded, meaning when the page is click, it append the url. Does cookies and/or session is necessary for this?

ubuntujavy Over a year ago

Sorry, I'm new to javascript and am not sure how to call the onload in the body tag. Can you help?

user8016859 · Accepted Answer · 2017-05-17 04:31:43Z

1

.val is a function so it should be .val()

location.href = "?account=" + $(this).val();

answered May 17, 2017 at 4:31

user8016859

Comments

Ram Manoj · Accepted Answer · 2017-05-17 04:46:04Z

0

.val should be changed to .val() and you are using .ready(). So document.ready() event will be called once the DOM is loaded which is earlier than body.onload().

You are using a change event function which actually triggers the action. Maybe would like to revisit your function.

If you want to store the URL and access it again in other pages. Use cookies.

answered May 17, 2017 at 4:46

Ram Manoj

214 bronze badges

2 Comments

ubuntujavy Over a year ago

You're saying that I can't use onchange and onload with the current code?

Ram Manoj Over a year ago

What you have written will execute on change event of element id #staff-list and not on the url load.

Collectives™ on Stack Overflow

Add string and input select value to url onchange and page load

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related