在 HAML 中将值设置为 hidden_field_tag答案

【问题标题】：setting value to hidden_field_tag in HAML在 HAML 中将值设置为 hidden_field_tag
【发布时间】：2013-08-31 14:31:11
【问题描述】：

我有一个 HAML 文件，其中有如下一行：

 %td
   = hidden_field_tag "item1"

我在 jquery 中设置它的值如下：

 $("#item1").val(1)

但它不起作用，所以我做了如下：

 $("#item1").attr("value",1)

即使它也不起作用。实际上，项目标签与表单相关联，所以当我发布它时，当我打印参数时，在处理程序页面中，它打印为：item =>“”

编辑：其HTML源码如下：

<input id="item1" name="item1" type="hidden">

没有值字段出现。

【问题讨论】：

您当前为您的示例提供的 HAML 是什么（在您的浏览器中查看的 HTML 源代码是什么）？
一般来说，你所拥有的看起来不错。我在这里为您创建了一个示例，以显示在 jQuery 中读取和设置值：jsfiddle.net/T2v8K/2。尝试设置一个像这样的默认值看看你是否正确读出了表单帖子中的值。

标签： post haml hidden-field

【解决方案1】：

一般来说，你所拥有的看起来不错。我在这里为您创建了一个示例，以显示在 jQuery 中读取和设置值：http://jsfiddle.net/T2v8K/2。这应该可以帮助您进行调试。

HTML：

<div>
    <form id="myForm">
        <table>
            <tr>
                <td>normal input: <input id="newValue" name="newValue" value="1" /></td>
                <td>hidden input: <input id="item1" name="item1" type="hidden" value="someDefaultValue"/></td>
            </tr>
        </table>
    </form>
    <button id="showVal" type="button">Show Hidden Input Value</button>
    <button id="setVal" type="button">Set Hidden Input Value</button>
</div>

JavaScript / jQuery：

$( document ).ready(function() {
    var beforeValue = $( "#item1" ).val();
    //alert( "Before = " + beforeValue );

    var afterValue = $( "#item1" ).val();
    //alert( "After = " + afterValue );

    $( "#showVal" ).click( function() {
        ShowHiddenInputValue();
        })

    $( "#setVal" ).click( function() {
        SetHiddenInputValue();
        })

});

function ShowHiddenInputValue() {
    //Show the current value of the hidden input
    var hiddenInputValue = $( "#item1" ).val();
    alert( "Hidden Input Value = " + hiddenInputValue );
}

function SetHiddenInputValue(){
    //Get the value from the input
    var newHiddenInputValue = $( "#newValue" ).val();

    //Set the hidden input
    $( "#item1" ).val(newHiddenInputValue);

    ShowHiddenInputValue();    
}

尝试像这样设置一个默认值，看看您是否正确读出了表单帖子中的值。

此外，如果您不确定 jQuery 是否正常工作（可能没有正确引用），您可以通过检查 JavaScript 中类似这样的警报中的版本号来测试：

alert($().jquery);

【讨论】：

喂？你试过了吗？