Response title
This is preview!
Move this topic
Passing Value To Hidden Form Field
in Getting Started
•
13 years ago
I have a function that gets the value of a clicked on <span> like this:
function getSelectedValue(id) {
return $("#" + id).find("dt a span.value").html();
}
and sets the value of a second span like this:
$("#state").html("value: " + getSelectedValue("state"));
When I echo that second span, I get the selected value from the first span. But I need to get that value into a hidden html form field, so I can pass it along with the $_POST array. How do I do this?
function getSelectedValue(id) {
return $("#" + id).find("dt a span.value").html();
}
and sets the value of a second span like this:
$("#state").html("value: " + getSelectedValue("state"));
When I echo that second span, I get the selected value from the first span. But I need to get that value into a hidden html form field, so I can pass it along with the $_POST array. How do I do this?
1
Replies(7)
Re: Passing Value To Hidden Form Field
13 years ago
- $('input[name=hiddeninputname]').val(theValue);
replace hiddeninputname with the name of the hidden field, and theValue with the value you want to set it to.
Re: Re: Passing Value To Hidden Form Field
11 years ago
The following doesn't work for me to set the value of a hidden form field with FireFox 9:
However, using style="display:none;" the following does work:
Cheers, Martin
- <input type="hidden" name="hiddeninputname" value="" />
- $('input[name=hiddeninputname]').val(theValue);
However, using style="display:none;" the following does work:
- <input style="display:none;" id="hiddeninputid" name="hiddeninputname" value="" />
- $('input[id=hiddeninputid]').val(theValue);
- $('input[name=hiddeninputname]').val(theValue);
Cheers, Martin
Leave a comment on Kevin B's reply
Re: Passing Value To Hidden Form Field
13 years ago
Got it working, thanks.
So on this form I have a back-up PHP validation script to double check, in case JS is turned off. If one of the fields fails, it passes all of the values you typed into the form back to the fields, with an error message, so you don't have to type them all in again. That works okay with form elements but how do I set the value of this menu back to the country they selected? I am assuming I need to use jQuery to set it. Line 5 where it says "Please Select Your Country" I need to insert the country they selected there, so they don't have to select it again because their email broke the preg_match()....
The country value is being passed back as $_SESSION['tmpCountry'];
So on this form I have a back-up PHP validation script to double check, in case JS is turned off. If one of the fields fails, it passes all of the values you typed into the form back to the fields, with an error message, so you don't have to type them all in again. That works okay with form elements but how do I set the value of this menu back to the country they selected? I am assuming I need to use jQuery to set it. Line 5 where it says "Please Select Your Country" I need to insert the country they selected there, so they don't have to select it again because their email broke the preg_match()....
The country value is being passed back as $_SESSION['tmpCountry'];
- <div class="form-row">
- <dl id="countrieslist" class="dropdownC">
- <p>Country</p>
- <dt><a>
- <span>Please Select Your Country</span>
- </a></dt>
- <dd>
- <ul>
- <li class="dark"><img class="flag text-middle" src="images/flags/unitedstates.png" alt="" />
- <a>United States<span class="value">United States</span></a></li>
- <li class="dark"><img class="flag text-middle" src="images/flags/canada.png" alt="" />
- <a>Canada<span class="value">Canada</span></a></li>
- <li class="dark"><img class="flag text-middle" src="images/flags/mexico.png" alt="" />
- <a>Mexico<span class="value">Mexico</span></a></li>';
Leave a comment on catpdc's reply
Re: Passing Value To Hidden Form Field
13 years ago
When I use the code below it puts the value back in that spot, but it isn't getting to the hidden form field... can I re-use the jQuery from above to set the hidden form field again from this PHP conditional?
- if (isset($_SESSION['tmpcountry'])) {
- echo '<span>' . $_SESSION['tmpcountry'] . '</span>
- <script type="text/javascript">
- document.register-form.country.value = "' . $_SESSION['tmpcountry'] . '"
- </script>';
- }
- else {
- echo '<span>Please Select Your Country</span>';
- }
Leave a comment on catpdc's reply
Re: Passing Value To Hidden Form Field
13 years ago
Anyone? I've got to be close to getting it. I moved the PHP up to the JQuery to make it easier. What am I doing wrong?
- <?php if(isset($_SESSION['tmpcountry'])) { ?>
- var tempcountry = <?php echo ($_SESSION['tmpcountry']); ?>;
- $('#country').val(tempcountry);
- <?php } else { ?>
- $('#country').val(getSelectedValuec("countrieslist"));
- <?php } ?>
Leave a comment on catpdc's reply
Re: Passing Value To Hidden Form Field
12 years ago
How can you pass multiple values into the hidden field?
I'm using
[code]
$('input[name=hiddeninputname]').val(theValue);
[/code]
but I need to be able to pass all values selected through the autocomplete input into the hidden and then separate them with a comma and space. As my script is now it only takes the last value selected in the autocomplete into the hidden field, maybe I need to use some type of onchange event handler or something for it? I thought maybe I could use some variation of the following to get the comma and space:
// add placeholder to get the comma-and-space at the end
terms.push( "" );
this.value = terms.join( ", " );
return false;
Leave a comment on sfraise's reply
Re: Passing Value To Hidden Form Field
7 years ago
Thanks God, i have been spend 2 hours in deadline and found it even old post, it such as get mann from heaven !
Leave a comment on Freddy Sidauruk's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to catpdc's question
Statistics
- 7 Replies
- 336416 Views
- 0 Followers