如何在YII2中单击按钮后获得表的数组
how to get array of table after click button in YII2
这是我的表单:
<div class="mutiple-array-form">
<?php $form = ActiveForm::begin(); ?>
<table id="sampleTbl", class="table table-striped table-bordered">
<thead>
<tr id="myRow">
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tr>
<td>william</td>
<td>32</td>
</tr>
<tr>
<td>Muli</td>
<td>25</td>
</tr>
<tr>
<td>Sukoco</td>
<td>29</td>
</tr>
</tbody>
</table>
<div class="form-group">
<?= Html::button('Create',['class' => 'btn btn-success _addNew', 'onclick' => 'myfunction()']) ?>
</div>
<?php ActiveForm::end(); ?>
</div>
下面是我的Javascript代码:
<?php
$script = <<< JS
function myfunction() {
alert(document.getElementById("sampleTbl").rows.namedItem("myRow").innerHTML);
}
JS;
$this->registerJs($script);
?>
我的代码不工作。当我点击按钮时,什么也没发生。例如,我想在alert中使用array显示表值。请帮助!
你所尝试的将不起作用,因为在yii2中以某种方式声明内联脚本中的函数不起作用,我不知道它的正确原因,我正在努力寻找原因。
现在你的代码将工作,如果你写你的脚本像这样
<?php
$script = <<< JS
$('#idOfButton').click(function(){
alert(document.getElementById("sampleTbl").rows.namedItem("myRow").innerHTML);
});
JS;
$this->registerJs($script);
?>
它只会打印页眉
的值现在,如果您希望将表中的数据作为数组并警告它,请尝试下面的代码
<?php
$script = <<< JS
$('#idOfButton').click(function(){
var myTableArray = [];
$("table#sampleTbl tr").each(function () {
var arrayOfThisRow = [];
var tableData = $(this).find('td');
if (tableData.length > 0) {
tableData.each(function () {
arrayOfThisRow.push($(this).text());
});
myTableArray.push(arrayOfThisRow);
}
});
alert(myTableArray);
});
JS;
$this->registerJs($script);
?>
我建议你使用AppBundle
来使用脚本,这样你就可以通过浏览器调试代码并自己找出问题,这将帮助你找到答案。
相关文章:
- Jquery/Javascript:通过按下按钮显示数组中的随机图像
- 使用JavaScript或jQuery检查单选按钮选择是否与数组中的项目匹配
- 我如何才能使数组中的按钮只对其作出响应'使用javascript的自己的包装器
- 如何在不使用jQuery的情况下设置数组以获取单选按钮值
- 尝试从单选按钮显示的JSON数组中调用多个对象
- 提交按钮上的Javascript onclick将输入值存储在php数组中
- 使用html按钮将元素传递给数组
- 当单击按钮时,试图使字符串数组按1乘1的顺序打印出来
- KnockoutJS:基于数组启用按钮的长度
- 创建存储按钮单击位置的数组
- 将单选按钮结果与数组值进行比较时出现函数错误
- 如何在网站上实现一个按钮,允许用户将生成的数组数据保存为ASCII文件
- php数组到基于javascript的关闭按钮点击
- 使用数组来检查一系列 JavaScript 按钮
- 尝试在JavaScript中制作下一步按钮以显示JSON数组
- 如何通过单击显示数组和按钮
- 将挖空单选按钮值的值存储在可观察数组中
- 使用显示/隐藏单选按钮将数组打印到 Div
- 使用 2 个不同的函数删除 2 个按钮数组中包含的按钮上的 css 类
- 如何通过单击 XPage 上的按钮将附件内容读入数组或字符串