JavaScript:无法更改输入表单值

我正在创建一个Intranet站点，我需要传递一个值，该值根据用户单击的内容而变化

我认为将这些数据传输到asp.net的最佳方法是创建一个表单输入，只需输入文本类型，然后根据用户单击的内容在javascript中更改其值，然后在asp.net中我只需请求其值

密码

<asp:Button ID="HiddenButton" runat="server" OnClick="HiddenButton_Click" />
<input type="text" style="display:none" runat="server" id="HiddenValue" value = "hello" />

<div class="admin-page-setting-class" onclick="OptionClicked('userAccounts')">
     View User Accounts
</div>

查看用户帐户

现在是javascript

function OptionClicked(option)
{
     alert("hi");
     var hiddenInput = document.getElementById('HiddenValue');

     alert("hi");
     hiddenInput.value = option;

     alert("hi");    

     var btnHidden = $('#<%= HiddenButton.ClientID %>');
     if (btnHidden != null) 
     {
          btnHidden.click();
     }
 }

<script>
        function OptionClicked(option) {
            document.getElementById('HiddenValue').value = option;
            document.getElementById('HiddenButton').click();            
        }
    </script>

<form id="form1" runat="server">
    <div>
        <asp:HiddenField ID="HiddenValue" runat="server" />

        <asp:Button ID="HiddenButton" runat="server" OnClick="HiddenButton_Click" />
<div class="admin-page-setting-class" onclick="OptionClicked('userAccounts')">
         View User Accounts
    </div>
</form>

功能选项点击（选项）
{
警报（“hi”）；
var hiddenInput=document.getElementById（'HiddenValue'）；
警报（“hi”）；
hiddenInput.value=选项；
警报（“hi”）；
var btnHidden=$（“#”）；
if（btnHidden！=null）
{
btnhiden.click（）；
}
}

---

我的问题是，无论我尝试和做什么，我都无法更改输入

HiddenValue

的任何值。它永远不会到达最后一个警报。我被难住了。这怎么可能不起作用呢？

您使用jquery和javascript吗？或者使用其中一个

在javascript中

function OptionClicked(option)
{
     alert("hi");
     var hiddenInput = document.getElementById('HiddenValue');

     alert("hi");
     hiddenInput.value = option;

     alert("hi");    

     var btnHidden = $('#<%= HiddenButton.ClientID %>');
     if (btnHidden != null) 
     {
          btnHidden.click();
     }
 }

<script>
        function OptionClicked(option) {
            document.getElementById('HiddenValue').value = option;
            document.getElementById('HiddenButton').click();            
        }
    </script>

<form id="form1" runat="server">
    <div>
        <asp:HiddenField ID="HiddenValue" runat="server" />

        <asp:Button ID="HiddenButton" runat="server" OnClick="HiddenButton_Click" />
<div class="admin-page-setting-class" onclick="OptionClicked('userAccounts')">
         View User Accounts
    </div>
</form>

在jquery中

<script>
    jQuery(document).ready(function () {
        $(".admin-page-setting-class").click(function () {
            $('#HiddenValue').val($(".admin-page-setting-class").text());
            $('#HiddenButton').click();
        });
    });

</script>
<form id="form1" runat="server">
    <asp:HiddenField ID="HiddenValue" runat="server" />

    <asp:Button ID="HiddenButton" runat="server" OnClick="HiddenButton_Click" />

    <div class="admin-page-setting-class">
         View User Accounts
    </div>
</form>

jQuery（文档）.ready（函数（）{
$（“.admin页面设置类”）。单击（函数（）{
$（'#HiddenValue'）.val（$（“.admin页面设置类”）.text（）；
$（“#隐藏按钮”）。单击（）；
});
});
查看用户帐户

您是否收到任何运行时错误？试试

alert（hiddenInput）

或者更好的

console.log（hiddenInput）

。我没有收到任何错误。当我尝试更改它的值时，它甚至没有进入警报状态，就像它刚刚脱离代码一样。好的。所以我做了

alert（hiddenInput）

并且它返回null…您的

Id

必须在更改。试试这个：-

var hiddenInput=$（'#'）应该可以。谢谢Rahul的评论，但是现在可以了。谢谢你的回答，但是问题已经解决了。我的母版页正在自动更改所有ID值，最终结果意味着我的
GetElementByID
无法工作。谢谢