Solved

How do I set a hidden input in jQuery?

Posted on 2014-10-21
6
200 Views
Last Modified: 2014-10-22
Experts,

I need to set an hidden input's value to 0 in order to trigger an SQL insert statement. The button click
event and $("contact_id").val(0) executes, but the element value still remains 27.

I've tried various corrections: $("contact_id").attr('value', 0) or $("contact_id").prop('value', 0) but the id does not change!

What am I missing?
0
Comment
Question by:Glen Gibb
  • 3
  • 3
6 Comments
 
LVL 82

Expert Comment

by:leakim971
ID: 40396137
you need to add the hash to select the hidden input by it's ID attribute :

$("#contact_id").val(0);

Open in new window

0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 40396139
more info here :
http://api.jquery.com/id-selector/

and here for the others selectors :
http://api.jquery.com/category/selectors/
0
 

Author Comment

by:Glen Gibb
ID: 40397443
Whoops.  That's a typo.  The hash is actually there in my code.  

The code did read, $('#contact_id').val(0).  But no value actually changed.  I have used this expression successfully forever, but here the selector just doesn't work.

I have it working with $('input[name=contactId]').val(0) which I found on a competing site.

My problem is code that doesn't work as advertised.  I've spent untold hours on this.  Why will the selector work with the name, but not with the id as expected?
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 82

Expert Comment

by:leakim971
ID: 40397482
<input type="hidden" name="contactNameAttributeValue" id="contactIdValue" value="1234" />

$('input[name=contactNameAttributeValue]').val("selected by name"); // you may have more than one field with the same ame attribute
$('#contactIdValue').val("selected by Id"); // Id attribute must be unique in a document

Open in new window


to change value you MUST wait the total loading of the page using :

$(document).ready(function() {
    $('#contactId').val( 0 ); // we use the Id attribute : <input type="hidden" id="contactId"
});
0
 

Author Comment

by:Glen Gibb
ID: 40397856
Page is already loaded when this block executes on "Add" button click.  Id of 0 triggers an insert (else update.)

Appreciate the suggestion of the double id or name attribute.  Searched both the code and the page source to verify there were no doubles of either name nor id.

The element is, <input type="hidden" class="id" id="contact_id" name="contactId">.

However, $("#contact_id").val(0); doesn't set the value.  I think it ought to, but it still doesn't!
0
 

Author Comment

by:Glen Gibb
ID: 40397880
Thanks, leakim.  You're right as always!  I tried to compose the selector (x + '_id').val.(0) but neglected the hash -- '#' + x + '_id.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

914 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now