Updating a Hidden Field in ASP.NET via JavaScript - Stack Overflow

admin管理员组

文章数量:1350324

I inherited some JavaScript that I was told to integrate into our ASP.NET site. I thought this would be straightforward but it's turning out to be a bit of a challenge.

The code looks something like this:

<SELECT id="Question1" name="Question" onchange="updateQuestion();">                 
<OPTION value="notChosen">--Please Select One--</OPTION>
<OPTION value="in">India</OPTION>
<OPTION value="de">Germany</OPTION>                     
<OPTION value="fr">France</OPTION>                
<OPTION value="us">United States</OPTION>                     
<OPTION value="ch">Switzerland</OPTION>                
</SELECT> 

The goal is to get the value from this HTML control into ASP.NET, however this control itself is being dynamically generated by another chunk of javascript, so I can't just change this to an asp control. My solution was to add the onchange="updateQuestion();" method, this JS will take these SELECT tags and place the values into an ASP.NET control:

function updateSecQ() {
    var sQuestion = document.getElementById('<%=sQuestion.ClientID%>');
    sQuestion.Value = "";
    var questions = document.getElementsByName('Question');
    for (question in questions) {
        if (questions[question].value != null)
            sQuestion.Value += questions[question].value + ",";
    }
    alert(sQuestion.Value);
}

As you can see, that's looking to update an ASP.NET control: <asp:HiddenField ID="sQuestion" runat="server" value="" />

This appears to all work, however when I goto the server side on the form submit I see that sQuestion.Value is still = "".

I'm not quite sure what I've done wrong here, any input would be much appreciated. Thank you for your time.

I inherited some JavaScript that I was told to integrate into our ASP.NET site. I thought this would be straightforward but it's turning out to be a bit of a challenge.

The code looks something like this:

<SELECT id="Question1" name="Question" onchange="updateQuestion();">                 
<OPTION value="notChosen">--Please Select One--</OPTION>
<OPTION value="in">India</OPTION>
<OPTION value="de">Germany</OPTION>                     
<OPTION value="fr">France</OPTION>                
<OPTION value="us">United States</OPTION>                     
<OPTION value="ch">Switzerland</OPTION>                
</SELECT> 

The goal is to get the value from this HTML control into ASP.NET, however this control itself is being dynamically generated by another chunk of javascript, so I can't just change this to an asp control. My solution was to add the onchange="updateQuestion();" method, this JS will take these SELECT tags and place the values into an ASP.NET control:

function updateSecQ() {
    var sQuestion = document.getElementById('<%=sQuestion.ClientID%>');
    sQuestion.Value = "";
    var questions = document.getElementsByName('Question');
    for (question in questions) {
        if (questions[question].value != null)
            sQuestion.Value += questions[question].value + ",";
    }
    alert(sQuestion.Value);
}

As you can see, that's looking to update an ASP.NET control: <asp:HiddenField ID="sQuestion" runat="server" value="" />

This appears to all work, however when I goto the server side on the form submit I see that sQuestion.Value is still = "".

I'm not quite sure what I've done wrong here, any input would be much appreciated. Thank you for your time.

• javascript
• asp

Share Improve this question Follow edited Feb 3, 2011 at 21:26 m.edmondson 30.9k2929 gold badges126126 silver badges211211 bronze badges asked Feb 3, 2011 at 21:24 DioDio 66011 gold badge99 silver badges1919 bronze badges 1

• In which part of the page lifecycle are you trying to read sQuestion.Value? – El Ronnoco Commented Feb 3, 2011 at 21:29

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 7

Dunno about ASP, but I know in the browser DOM, a hidden field's value is value all lower case, not Value. It's the value attribute that the browser will submit, and by setting sQuestion.Value, you've failed to set its submitted value.

Is that JavaScript function on the same aspx page? if not I believe that

var sQuestion = document.getElementById('<%=sQuestion.ClientID%>');

will fail.

If you use jQuery you can use:

$("[id *= 'substringOfTheASPId']").val("new value")

You set sQuestion.Value instead of sQuestion.value.

I found this in an answer to a similar question.

I don't believe .NET expects that value of a HiddenField to be manipulated on the clientside, so it probably just reads the ViewState value back everytime. You can use a regular hidden input and make it server control by adding the "runat" property like this:

<input type="hidden" id="myInputId" runat="server" />

In the code behind, you can read the value in a manner similar to what you have above. It will be of the type System.Web.UI.HtmlControls.HtmlInputHidden.

本文标签： Updating a Hidden Field in ASPNET via JavaScriptStack Overflow