从每个输出中分别选择多个选择的最佳方法
Best way to select multiple selections seperatly from foreach output
我有这个foreach循环:
foreach ($userItems_get as $item => $value) {
if ($value['prefab'] == 'wearable') {
echo $value['name'] . "</br>";
echo "<img src='"{$value['image_inventory']}.png'" width='"90'" height='"60'">" . "</br>";
if (!isset($value['item_rarity'])) {
$rarity = "common";
} else {
$rarity = $value['item_rarity'];
}
echo $rarity . "</br>";
foreach ($userItemsLoad as $key => $values) {
if ($item == $values['defindex']) {
echo $values['id'] . "</br></br>";
break;
}
}
}
}
以这种格式输出数据:http://puu.sh/kVTjk/c1471e903a.jpg
我想让用户选择他想要交易/使用的物品,我想接收该物品的ID,这是底部的整数值,用户应该能够选择多个物品?
我如何做到这一点?最好的方法是什么?谢谢。
有很多方法可以做到这一点。
可以使用普通的Submit:
<form method="POST" action="script.php">
<table>
<tr>
<th></th>
<th>Image</th>
<th>Name</th>
</tr>
<?php
foreach ($userItems_get as $item => $value) {
if ($value['prefab'] == 'wearable') {
$id = "";
foreach ($userItemsLoad as $key => $values) {
if ($item == $values['defindex']) {
$id = $values['id'];
break;
}
}
?>
<tr>
<td><input type="checkbox" name="itemSelect[]" class="itemSelect" value="<?php echo $id; ?>" /></td>
<td>
<img src="<?php echo $value['image_inventory']; ?>.png" width="90" height="60">
</td>
<td>
<?php echo $value['name']; ?><br />
<?php
if (!isset($value['item_rarity'])) {
$rarity = "common";
} else {
$rarity = $value['item_rarity'];
}
?>
</td>
</tr>
<?php
}
}
?>
</table>
<button type="Submit">
Normal Submit
</button>
<button type="button" id="ajSubmit">
Ajax Submit
</button>
</form>
Script.php:
<?php
echo "<pre>";
print_r($_POST['itemSelect']);
echo "</pre>";
?>
或使用jQuery
<script>
$(function() {
$("#ajSubmit").click(function() {
var selectedItemIds = $("input.itemSelect").map(function(){
return $(this).val();
}).get();
});
});
</script>
selectedItemIds
将保存所有ID值
为每个条目添加一个复选框,并为复选框添加一个类以引用
<input class="itemId" type="checkbox" value="$values['defindex']">
您可以使用JQuery
选择所有选中的复选框并在每个循环中循环它们
//Select all input elements which has class of itemId and it is checked then loop through with each.
$("input.itemId[checked='checked']").each(function(){
var itemId = $(this).val();
alert(itemId);
//Do something else
}
相关文章:
- 实现比较方法的最佳实践是什么;s的比较类型是在运行时选择的
- ASP.NET 中未知数量的子窗口的最佳选择
- 网站范围内jQuery/javascript选择器的最佳实践
- 在rails中选择向表单添加文本字段的最佳方式
- 在同构的React web应用程序中,选择服务器渲染的最佳方式是什么
- 切换隐藏小部件上回流性能的最佳选择
- 提交后从选择下拉列表中自动选择选项的最佳方法
- 选择另一个单选按钮字段时重置单选按钮字段的最佳方法
- 根据 jquery 中 2 个选择列表的选定值动态计算的最佳方法
- 样式选择选项最佳做法
- 将 JavaScript 插入多个现有页面的最佳选择
- JavaScript 中多项选择测验的最佳数据结构
- 隐藏/显示的最佳方法取决于jQuery的选择选项
- jQuery循环选择的最佳方法
- 在 Ember .js 中通过 ajax 加载选择选项的最佳实践是什么?
- 量角器 - 选择相关元素的最佳方式
- 允许用户选择 1 个或多个美国州的最佳方法
- 从单选按钮选择中分配值的最佳方法
- jQuery 选择器重用最佳实践
- 选择最佳跨度