Pass hidden field value using Jquery

Question

I have a normal hidden Input field where I am generating random string. I need that to be appended to the URL where I am trying to post data to another page.

I have done this and works pretty well.

url:'Upload.html?field1=newvalue',

This is my hidden input field

<input type="hidden" id="randomdirectory"/>

Now instead of newvalue in the query string I need to pass my random directory value.

Answer 1

easily accomplished just do the following

var value = $("#randomdirectory").val();
url:'Upload.html?field1='+value ,

thats it ..

Answer 2

Just give a name to the hidden field.

<input name="field1" type="hidden" id="randomdirectory" value="randomvalue"/>

Answer 3

url: 'Upload.html?field1='+$("#randomdirectory").val()

Answer 4

If I got your question right and the ID is randomly generated then you need something of this type:

url: 'Upload.html?field1=newvalue&field2=' + $('[type="hidden"]').val();

Answer 5

Assuming that this is a parameter to an ajax call (as others already have), a slightly better practice is this:

url: 'Upload.html',
data: { field1: $('#randomdirectory').val() }

This will ensure that your query string is URL encoded properly (jQuery handles it for you).