使用 jquery 写入输入隐藏字段答案

【问题标题】：write into input-hidden-field using jquery使用 jquery 写入输入隐藏字段
【发布时间】：2013-11-17 11:40:34
【问题描述】：

嘿，我有这个小脚本：

但我不想在前端显示“data-id”，而是希望将其保存在输入隐藏字段中，所以我补充说：

<input type="hidden" name="dump" id="dump" value="">

当我提交表单时，我做了：

var_dump($_POST);

只有一个空数组，所以.. 怎么做？问候

【问题讨论】：

小提琴中没有形式。你能告诉我们表格在哪里以及你是如何提交的吗？另外，将隐藏的输入添加到小提琴中，以便我们可以重现问题。
这里是表单：jsfiddle.net/6KNRc/5 这正是它在我的页面上的样子

标签： jquery events click interaction

【解决方案1】：

这是你更新的小提琴：http://jsfiddle.net/6KNRc/10/

使用这个：

$('#dump').val( JSON.stringify(data) );

代替：

$('#dump').text( JSON.stringify(data) );

使用 jquery 的val() 更改输入值。使用 text() 更改元素的文本。由于输入没有文本，因此它不适合您。

【讨论】：

如果这对您有用，请接受/投票。除非您接受答案，否则现在登录的用户会将其视为未答复并浪费时间。

【解决方案2】：

你还没有关闭输入/>的标签

<?php
if ($_POST['submit'] == "send") { 
var_dump($_POST);
}
?>

<form action="" method="POST">
<input type="hidden" name="dump" id="dump" value=""/>
    <input type="submit" name="submit" value="send"/>
</form>

    <ul class="ui-selectable">
<li data-id="1"></li>
<li data-id="2"></li>
<li data-id="3"></li>
<li data-id="4"></li>
<li data-id="5"></li>
<li data-id="6"></li>
<li data-id="7"></li>
<li data-id="8"></li>
<li data-id="9"></li>
<li data-id="10"></li>
</ul>


$('#dump').val( JSON.stringify(data) );

the input has property name 'Value' that countains the data

【讨论】：

在 HTML 中不需要关闭输入标签。这是 XHTML 的要求，浏览器在不关闭标签的情况下工作得很好。