How can i send query string with html submit button to another page?

Question

I have this html code:

<input type="text" id="text1" placeholder="نام کاربری">

and this submit button:

    <button type="submit" id="login-button" Onclick="window.location.href='Handler1.ashx?username='"+text1+"'" >ورود</button>

but up href not send html text box value with query string and send empty value,what happen?how can i solve that?thanks.

Juzzbott · Accepted Answer · 2015-08-22 11:42:10Z

3

You need to call a function to set the url, rather than just reference the text box by id:

<script type="text/javascript">
function setUrl() {
    window.location.href = 'Handler1.ashx?username=' + document.getElementById('text1').value;
};
</script>
<button type="submit" id="login-button" Onclick="setUrl(); return false;" >

Note: The return false is to prevent the button from submitting the form. A better solution would be to remove the ;return false; and change the button type from submit to button.

answered Aug 22, 2015 at 11:42

Juzzbott

1,7892 gold badges25 silver badges49 bronze badges

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

Collectives™ on Stack Overflow

How can i send query string with html submit button to another page?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related