How to add inputed value from input to the action of form?

Question

I have a form which sends a request to the controller.

<form method="POST" action="/user/{id}">
    <input type="text" placeholder="Input Id">
    <button>Get User</button>
</form>

I need to add inputed value from to the action of form. How can I do it? For example, if user input '2', my action must be action="/user/2".

UPD:

Can I use somthing like this (see below)?

<form:form id="myForm" method="POST" action="">
    <input type="text" id="userId" placeholder="Input Id">
    <button onclick="setId()">Get User</button>
</form:form>

And script:

<script>
        function setId (){
            var id = document.getElementById('userId');
            document.getElementById('myForm').action  = '/user/'+id;
        }
</script>

[See here](http://stackoverflow.com/questions/2701041/how-to-set-form-action-through-javascript). — Sotirios Delimanolis, Apr 07 '14 at 14:20
@SotiriosDelimanolis, your example is looking js only, but not mention the tag in this post:http://stackoverflow.com/questions/2701041/how-to-set-form-action-through-javascript — jmail, Apr 07 '14 at 14:23
@jmail I've said before you can only do this with Javascript. JSP and JSTL are server side components. The `ID` is input at the client side. — Sotirios Delimanolis, Apr 07 '14 at 14:24

score 1 · Accepted Answer · edited May 23 '17 at 11:57

1

If you like to try this in Javascript as Sotirios Delimanolis mentioned, try this

document.getElementById('form_id').action  = '/user/{id}'

ie:

Do this on button submit or window.onload or on, any other event handling,

var id = document.getElementById('inputfieldid').value;
document.getElementById('form_id').action  = '/user/'+id;

here is another example in SO using struts: Change action attribute of Form for different action methods in Struts2

Note: In your case, you want the id from HTML input field, hence we have to go for javascript

edited May 23 '17 at 11:57

Community

1
1

answered Apr 07 '14 at 14:25

spiderman

10,892
12
50
84

I updated my question. Please check it. I added some js. – Arkasha Apr 07 '14 at 14:34
If I run it i'm getting 404 and url like this `http://localhost:8080/user/[object%20HTMLInputElement]`. – Arkasha Apr 07 '14 at 14:40
If I invoke val() on id, I'm getting 405 (Method Not Allowed). – Arkasha Apr 07 '14 at 14:45
var id = document.getElementById('userId').value; – spiderman Apr 07 '14 at 14:47
document.getElementById('inputfieldid') gives the HTML element / object. We have to get the value out of it. I updated – spiderman Apr 07 '14 at 14:48

score -1 · Answer 2 · answered Apr 07 '14 at 14:16

-1

sample like this:

    <form method="post" action='UserController' >

        EMPLOYEE NAME: <input type="text" name="empName" 
            value="<c:out value="${user.empName}"/>"/><br/>

    <input type="submit" value="Submit"/>
</form>

answered Apr 07 '14 at 14:16

jmail

5,944
3
21
35

And where is an id here? – Arkasha Apr 07 '14 at 14:18
What is this? What part of the question are you answering? – Sotirios Delimanolis Apr 07 '14 at 14:18
A sample that helps how? – Sotirios Delimanolis Apr 07 '14 at 14:19

How to add inputed value from input to the action of form?

2 Answers2