Javascript 在我的PHP数组中放置HTML输入字段
我为自己制作了一个简单的网站,现在我即将完成它。我遇到了以下问题 我制作了一个我想要的数组形式。这是输入字段的外观:Javascript 在我的PHP数组中放置HTML输入字段,javascript,php,html,arrays,forms,Javascript,Php,Html,Arrays,Forms,我为自己制作了一个简单的网站,现在我即将完成它。我遇到了以下问题 我制作了一个我想要的数组形式。这是输入字段的外观: <tr> <td>Pizza Margherita</td> <td>€ 7.00</td> <td><input type="number" id="countMargherita" class="formnumbers" name="PizzaMarghe
<tr>
<td>Pizza Margherita</td>
<td>€ 7.00</td>
<td><input type="number" id="countMargherita" class="formnumbers" name="PizzaMargherita" onChange="validateForm(this);changeTotalFromCount(this);" min="1" max="99" data-unitprice="7"/></td>
<td><span id="totalMargherita"></span></td>
</tr>
玛格丽塔披萨
€ 7
但是我有11种这样的产品,所以你可以理解我的表格有点乱。如果我需要添加更多的产品,那么像这样添加它们将是一件非常痛苦的事情
我决定把它们放在一个数组中,但我有点困惑我该怎么做
我该如何准确地获取数组,并让它在表单发送到的页面上发出回声
提前谢谢
如果您需要任何澄清,请告诉我 您需要研究循环和迭代输出。通过PHP数组输出是一种方法;客户端模板引擎是另一种。它们都等同于迭代输出的相同概念 简单的PHP示例:
<?php
$arr = array('product 1', 'product 2', 'product 3');
foreach($arr as $product) { ?>
<tr>
<td><?php echo $product; ?></td>
</tr>
<?php } ?>
创建包含产品阵列的阵列
$productsData = array(
array(
'code' => 'margherita',
'name'=> 'Pizza Margherita',
'price' => '7.00'
),
array(
'code' => 'withmeat',
'name'=> 'Pizza with meat',
'price' => '10.00'
'field_name' => 'PizzaMargherita'
)
);
<?php foreach($productsData as $productData):?>
<tr>
<td><?php echo $productData['name']?></td>
<td>€ <?php echo $productData['price']?></td>
<td><input type="number" id="count<?php echo $productData['code']?>" class="formnumbers" name="<?php echo $productData['code']?>" onChange="validateForm(this);changeTotalFromCount(this);" min="1" max="99" data-unitprice="7"/></td>
<td><span id="total<?php echo $productData['code']?>"></span></td>
</tr>
<?php endforeach;?>
$productsData=array(
排列(
“代码”=>“玛格丽塔”,
'name'=>'Pizza margarita',
“价格”=>“7.00”
),
排列(
'代码'=>'带肉',
“名称”=>“肉比萨饼”,
“价格”=>“10.00”
“字段名称”=>“玛格丽塔比萨饼”
)
);
€
我知道php数组的这一点,但是否有一种方法可以将输入字段也放在其中。因为除了每个产品的id、名称和数据单价发生变化外,它们都是完全相同的。我在PHP方面还没有什么经验,所以我正在尝试所有的可能性。在数组中存储HTML将是一个糟糕的设计。使用将数据与输出分离的方法。只在数组中存储数据,然后在迭代代码中构建HTML,即本例中的循环体。谢谢,这正是我想要的工作方式,需要根据我的需要进行一些定制,但这个示例对我帮助很大!