[英]Get text inside <p> tag to a <table>
在 PHP 這是我設法從計算中得到的 output
<p id="generated">12345678199824,12345678411140,12345678921494,12345678497535,</p>
我需要這個值如下
<table>
<tr>
<td>12345678199824</td>
</tr>
<tr>
<td>12345678411140</td>
</tr>
.....
</table>
下面是我使用的js腳本
$("#setVal").click(function(event){
event.preventDefault();
var noOfImei = parseInt($("#nofoemei").val());
var imeiList = "";
if (noOfImei !== 0) {
for (var i = 0; i < noOfImei; i++) {
imeiList += $("#binnumber").val() + Math.floor(Math.random()*900000+100000) + ",";
}
$("#generated").text("");
$("#generated").text(imeiList);
// testing purpose
console.log(imeiList);
} else {
alert("Please add no of IMEI(s) need to generate");
}
});
-- 請不要我是 PHP 和 JS 的初學者,並在 stackoverflow 和教程的幫助下取得了進展。 謝謝你。
$("#generated").text("");
$("#generated").text(imeiList);
data = imeiList.split(",")
var table = document.getElementById("myTable");
for(let i =0;i<data.length ; i++){
var row = table.insertRow(i);
var cell1 = row.insertCell(0);
cell1.innerHTML = data[i];
}
和
<table id="myTable" /> // this in dom
您可以獲取相關字符串並通過拆分創建一個數組。 然后添加如下行:
document.getElementById("setVal").addEventListener("click", function(){ let table = document.getElementById("myTable"); let nums = document.getElementById("generated").innerHTML; if(nums){ nums.split(',').forEach(i=> { let row = table.insertRow(0); let cell1 = row.insertCell(0); cell1.innerHTML = i; }) } });
<p id="generated"> 12345678199824,12345678411140,12345678921494,12345678497535,</p> <input type="button" id="setVal" value="Set Rows"/> <table id="myTable" style="border: 1px solid red;"> </table>
就 PHP 而言,最初您必須分解字符串,然后通過計算字符串長度,添加for
循環變得更加簡單
<?php
$str = "12345678199824,12345678411140,12345678921494,12345678497535";
$str1 = explode(",",$str);
$arrlength=count($str1);
?>
<table style = "border:1px solid;border-collapse : collapse;">
<?php
for($x=0;$x<$arrlength;$x++)
{
?>
<tr style = "border:1px solid;">
<td style = "border:1px solid;"><?php echo $str1[$x]?></td>
<tr>
<?php } ?>
</table>
注意: Select 在explode()
function 中是正確的分隔符(在這個例子中是' , ')。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.