Div作为表单输入（onclick）

Question

我有一个页面连接到我有一些用户的数据库。然后，它需要每个用户并为每个用户放置一个div，所以我有6个div（每个div中的用户）。

我想要的是，当有人点击div时，它会给我该用户的ID，如果它是带有输入的表单。
我的意思是：页面从数据库中获取每个用户的id和名称，所以如果我使用正常输入，我会在提交表单时使用，表单将返回所选用户的id，但是我使用的是div而没有按钮，实现这一点会很好。

这就是我的页面看起来的样子（数字4是我的鼠标所在的位置）：

正如我所说，结构基本上是6个div，每个div包含用户的名称和id（我隐藏了隐私名称）。

那么，我该怎么办？如果我没有解释清楚，我可以给你更多细节......谢谢!!

Answer 1

您的HTML应该与此类似地生成（每个div都有一个属性指向数据库中的相应用户）

<form id="select-user" action="formActionPage.php" method="POST">
<input id="selected-user" type="hidden" value="0">
</form>

<div id="1" class="user"></div>
<div id="2" class="user"></div>
<div id="3" class="user"></div>

表格没有你提到的提交按钮，但有一个隐藏的输入通知值= 0是我选择的默认值..你可以在动作页面中控制它..

JQuery的：

$("div").on('click', function() {
    $('#selected-user').val($(this).attr('id'));
$('#select-user').submit();
});

EDIT 你可以在我的例子中使用div。[classname] div.user，因为你不想将它应用于任何div

Answer 2

使用此：

HTML code：

<div><span id='userId'>10</span></div>
<div><span id='userId'>11</span></div>

jQuery代码：

$("div").on('click', function() {
    var userId = $("span", $(this)).text();
    console.log(userId);
});

CSS代码：

span {
    display: none;
}

主要思想是在每个div隐藏范围中创建，您将在其中存储与此div相关联的用户ID。此外，您需要onclick事件，它会找到此范围并显示所需的ID。简单。下面的演示。

DEMO

请注意，这只是一个例子。您可以根据需要进行编辑