JQuery: Change value of hidden input field

I'm having a hella time setting the value of a hidden input.

I want to pass the HTML from between the option tags to the hidden field- end run it will the page title from wordpress' wp_list_dropdowns(). I've got it returning the text just fine, and on my change event it correctly adds some css (obviously unneeded on a hidden field, but I was trying to determine where things are breaking down). Works if I change the hidden input to a text input. I've seen in several places on SO that this is possible, (changing the value of a hidden input that is), but something is holding me up now and I can't see the answer.

Here's the JSFiddle:


$(".selector").change(function() {
    var $value = $(this).val();
    var $title = $(this).children('option[value='+$value+']').html();
    $('input#bacon').val($title).css('border','3px solid blue');


<select class="selector" name="testselect">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>

<input id="bacon" type="hidden" class="bacon" value="" name="testinput">


Your jQuery code works perfectly. The hidden field is being updated.

It's simple as:


#action is hidden input field id.

Seems to work

$(".selector").change(function() {

    var $value = $(this).val();

    var $title = $(this).children('option[value='+$value+']').html();



Just check with your firebug. And don't put css on hidden input.

If you're doing this in Drupal and use the Form API to change the #type from text to 'hidden' in hook_form_alter (for example), be advised that the output HTML will have different (or omitted) DIV wrappers, IDs and class names.

Need Your Help

How to use join with multiple conditions in linq-to-Nhibernate

c# linq nhibernate join linq-to-nhibernate

I have two classes (Request &amp; RequestDetail). I need to a Linq To NHibernatequery between two classes by join.