获取上面所选选项的值
Get value of selected option above
我正试图制作一个订单页面,通过javascript添加多个产品。PHP/HTML代码为:
<?php $module_row = 0; ?>
<tbody id="module-row<?php echo $module_row; ?>">
<tr>
<td><select name="prod[]"><?php foreach ($products as $product) { ?><option value="<?php echo $product['ID']; ?>"><?php echo $product['name']; ?></option></td><td><a onClick="addProd();">Add New</a></td>
</tr></tbody>
<?php $module_row++; ?>
我的Javascript代码是:
var module_row = <?php echo $module_row; ?>;
function addProd() {
html = '<tbody id="module-row' + module_row + '">';
html += ' <tr>';
html += ' <td class="left"><select name="prod[]">';
<?php foreach ($products as $product) { ?>
html += ' <option value="<?php echo $product['ID']; ?>"><?php echo $product['name']; ?></option>';
<?php } ?>
html += ' </select></td></tr></tbody>';
$('#module tfoot').before(html);
module_row++;
现在我想在后面添加的行中显示products数组,以显示上面所选产品之外的products下拉列表。我已经查看了很多论坛,但找不到一个解决方案来获得上面选择的下拉列表值。你知道吗?
对于启用和禁用选择选项,类似JS fiddle的东西可能会有所帮助。请注意,它禁用了在多个选择框中选择相同内容的可能性。
至于您发布的代码示例,foreach后面缺少一个PHP右括号(}
)。
此外,您可以使用<?= $var ?>
作为<?php echo $var ?>
的可读性更强的快捷方式
试试这个:
<?php
$products = [
[
'ID' => 123,
'name' => 'product1',
],
[
'ID' => 456,
'name' => 'product2',
],
];
$module_row = 0;
?>
<tbody id="module-row <?= $module_row; ?>">
<tr>
<td>
<select name="prod[]">
<?php foreach ($products as $product) { ?>
<option value="<?= $product['ID']; ?>">
<?= $product['name']; ?>
</option>
<?php } ?>
</td>
<td>
<a onClick="addProd();">Add New</a>]
</td>
</tr>
</tbody>
<?php $module_row++; ?>
相关文章:
- 使用Javascript获取所选选项ID
- 活动选项卡's源代码-获取变量s值
- 如何从选择框中的选项中获取属性值
- 正在获取所选选项数据
- Jquery:如何获取所选选项全文(带空格)
- 使用JavaScript在IE9中获取数据列表选项
- 如何在不需要单击按钮的情况下获取选项的值
- 如何在jquery.easytabs.js中获取当前选项卡
- AngularJS ng选项获取索引
- 在选择中从上一个选项获取数据,从当前选项获取数据
- 使用此值选择选项获取脚本
- 如何使用JavaScript将选中的选项获取为选择下拉标签
- 使用选择选项获取行平均值
- 从multiselect中的选定选项获取属性值
- 使用JQUERY通过文本选择选项获取值
- 从AngularJS中的选定选项获取值
- 我正在尝试使用表单选择选项获取当前日期,并在提交时显示接下来的七天
- 自动填充空值在ng模型中,从ng选项获取数据
- 验证下拉列表以根据所选选项获取正确的日期
- 如何从所选选项获取文本