Loading...

Search jQuery

Search

jQuery Forum

Why is my Hidden value not being assigned to my input text?

in Using jQuery • 6 years ago

I've got this HTML:

<input type="hidden" id="BLAhfuseremail" value="warble.p.mcgorkle@geewhizmail.com">

<input type="text" id="BLAboxemailsection1" value="bla">

...and this jQuery:

$('[id$=boxemailsection1]').text('[id$=hfuseremail]').value();

I also tried:

$('[id$=boxemailsection1]').text('[id$=hfuseremail]').valueOf();

...expecting (or at least hoping) that the boxemailsection1 "textbox" will be assigned "warble.p.mcgorkle@geewhizmail.com"

It's not happening, though; boxemailsection1 retains the "bla"

How can I get the hidden val into boxemailsection1?

1

Replies(10)

jakecigar

Re: Why is my Hidden value not being assigned to my input text?

6 years ago

I left the debugging code in so you can see what’s happening…

http://jsfiddle.net/jakecigar/74Lwedfy/

$('[id$=boxemailsection1]').val(function(){
console.log(this)
return $(this).prev().val()
})
console.log(document.body.innerHTML)

JΛ̊KE

Re: Why is my Hidden value not being assigned to my input text?

6 years ago

So apparently this is what I need:

$('[id$=boxemailsection1]').val(function(){
return $('[id$=hfuseremail]').val();
})

On second thought, apparently not, as this:

$(document).on("click", '[id$=rbPaymentForSelf]', function () {
if (this.checked) {
$('[id$=panelSection2]').slideUp();
$('[id$=panelSection3]').slideUp();
$('[id$=_AddressRows]').slideUp();
$('[id$=_MailStopRow]').slideDown();
$('[id$=lblSSNOrITIN]').text("SSN");
$('[id$=boxemailsection1]').val(function () {
return $('[id$=hfuseremail]').val();
})
}
});

...doesn't work (no assignment is made to boxemailSection1).

jakecigar

Re: Why is my Hidden value not being assigned to my input text?

6 years ago

I did the fiddle demo so that you have a nice place to try to fix the next problem. It’s so much easier when you make a fiddle, add lots of console.log calls. Sometimes you will find the answer yourself.

I used

return $(this).prev().val()

because the code would work if you have many boxemailsection1 inputs. In general it ’s faster to find a node relative to another than to use $('[id$= which is one of the slowest selectors.

JΛ̊KE

jakecigar

Re: Why is my Hidden value not being assigned to my input text?

6 years ago

Update the fiddle with the actual HTML.

JΛ̊KE

Re: Re: Why is my Hidden value not being assigned to my input text?

6 years ago

I'm creating the hidden element as well as the email input text in C#, and then want to update the latter with the value of the former when the user selects a radio button. So...do you want to see the HTML that is generated?

jakecigar

Re: Why is my Hidden value not being assigned to my input text?

6 years ago

Yes. But just the part that is important.

JΛ̊KE

Re: Why is my Hidden value not being assigned to my input text?

6 years ago

Here's the "email" textbox as rendered:

<input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$boxemailsection1" type="text" id="ctl00_ctl24_g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33_ctl00_boxemailsection1" class="finaff-webform-field-input" />

...and here's the hidden thing:

<input type="hidden" name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$hfuseremail" id="ctl00_ctl24_g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33_ctl00_hfuseremail" />

jakecigar

Re: Why is my Hidden value not being assigned to my input text?

6 years ago

You missed the point of updating the fiddle with your HTML and the new javaScript that you added.

JΛ̊KE

Re: Why is my Hidden value not being assigned to my input text?

6 years ago

At my fiddle here

I've got this HTML:

<input type="hidden" id="BLAhfuseremail" value="warble.p.mcgorkle@geewhizmail.com">

<input type="text" id="BLAboxemailsection1" value="bla">

...and this jQuery:

$('[id$=boxemailsection1]').val(function(){

return $('[id$=hfuseremail]').val();

})

...and it works fine.

I wonder why it doesn't work "in real life"

jakecigar

Re: Why is my Hidden value not being assigned to my input text?

6 years ago

Check the dev tools. Are there errors? Add console.log calls. See if the code is being called.

JΛ̊KE