未捕获的TypeError:无法设置属性' innerHTML'为hiddenfield设置innerhtml时为null

时间:2015-10-08 08:54:13

标签: javascript twitter-bootstrap

我正在尝试使用引导单选按钮设置隐藏字段的值。我有一个onCLick evnet,当它被点击时,隐藏字段的值需要改变。这是按钮和隐藏字段。

<div class="myRow">
        <div class="smallCol">
            <div class="myRow">
                <div class="smallCol title">
                    <asp:Label ID="lblNewRFID" runat="server" Text="RFID etiketcode"></asp:Label>
                </div>
            </div>
            <div class="myRow">
                <div class="smallCol">
                    <div class="btn-group hiddenRFIDValue" data-toggle="buttons">
                        <label class="btn btn-default">
                            <input type="radio" class="btn" name="options" onclick="getHiddenRFIDValue('Always')" id="alwaysRFID" value="Always" autocomplete="off">
                            Always
                        </label>
                        <label class="btn btn-default">
                            <input type="radio" class="btn" name="options" onclick="getHiddenRFIDValue('Never')" id="neverRFID" value="Never" autocomplete="off">
                            Never
                        </label>
                        <label class="btn btn-default">
                            <input type="radio" class="btn" name="options" onclick="getHiddenRFIDValue('Sometimes')" id="sometimesRFID" value="Sometimes" autocomplete="off">
                            Sometimes
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <asp:HiddenField ID="hiddenRFIDValue" runat="server" />

这是脚本。

<script type="text/javascript">
   onclick = function getHiddenRFIDValue(stringValue) {
       document.getElementById('hiddenRFIDValue').innerHTML = stringValue;
    }
</script>

你们有没有想法我为什么会收到错误?

3 个答案:

答案 0 :(得分:0)

你必须删除&#34; onclick&#34;变量,仅

function getHiddenRFIDValue(stringValue) {
       document.getElementById('hiddenRFIDValue').innerHTML = stringValue;
    }

<asp:HiddenField ID="hiddenRFIDValue" runat="server" />

尝试替换

<input type="hidden" ID="hiddenRFIDValue" runat="server" />

答案 1 :(得分:0)

我用它修好了。

<script>
    $(".hiddenRFIDValue .btn").click(function () {
        $("#MainContent_hiddenRFIDValue").val($(this).text());
    });
</script>

生成HTML时,它更改了隐藏字段的ID

答案 2 :(得分:0)

它工作正常如果您只是忽略了来自

等功能的onclick
setRequestedOrientation()

Jsfiddle