我一直在做一個(gè)關(guān)于員工的項(xiàng)目所以mysql數(shù)據(jù)庫(kù)中有一些數(shù)據(jù)。為了得到它并將其放入 html 表中，我使用了 php.ini。$sql = "SELECT * FROM Stock_Management.`staff_details`";$result = mysqli_query($conn, $sql);if(mysqli_num_rows($result)){ while($row = mysqli_fetch_assoc($result)){ echo "<tr> <td scope='row'>".$row['id']."</td> <td>".$row['fname']."</td> <td>".$row['lname']."</td> <td>".$row['phno']."</td> <td>".$row['employee_address']."</td> <td>".$row['join_date']."</td> <td><i class='far fa-edit btnedit' value=".$row['id']." name='btn-edit' id='btn-edit' onclick='edit()' style='color: green; cursor: pointer'></i></td> <td><i class='far fa-trash-alt btndelete' value='".$row['id']."' name='btn-delete' id='btn-delete' onclick='delete()' style='color: tomato; cursor: pointer'></i></td> </tr>"; }}因此，如果您看到最后兩個(gè)td標(biāo)簽，您可以看到我使用了 font Awesome 并values分別為它們提供了name和id屬性。還有onclick帶有函數(shù)的事件。echo "<script> function edit(){ let data_id = document.getElementById('btn-edit'); console.log(data_id.value); }</script>";但每次我進(jìn)入undefined控制臺(tái)時(shí)。那么我的代碼有什么問(wèn)題。請(qǐng)幫我??！請(qǐng)。
3 回答
慕虎7371278
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊
將元素中的“值”更改為
data-value
更改 javascript 行 'console.log(data_id.value);'?到
console.log(data_id.dataset.value);
此外，該<i>元素不包含該value屬性。
慕慕森
TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超17個(gè)贊
為了獲取該值，您可以將js代碼更改為：
function edit(){
console.log(event.target.value)
}通過(guò)單擊它，瀏覽器會(huì)創(chuàng)建事件，您可以將其作為目標(biāo)來(lái)獲取單擊值。
另外，您在值 value=".$row['id']." 周圍缺少“'”。請(qǐng)記住，您不應(yīng)在頁(yè)面上多次出現(xiàn)相同的 id，因此如果您有多個(gè)具有此 id 的元素，則定位 btn-edit 永遠(yuǎn)不會(huì)起作用。
您不應(yīng)該對(duì)按鈕使用“”標(biāo)簽
撒科打諢
TA貢獻(xiàn)1934條經(jīng)驗(yàn) 獲得超2個(gè)贊
.你不能向標(biāo)簽添加值和名稱<i>，你應(yīng)該使用輸入標(biāo)簽，2.如果你使用這個(gè)，我希望你不會(huì)有任何問(wèn)題；
<label class='far fa-edit btnedit' onclick='edit()' style='color: green; cursor: pointer;font-size: 25px;'>
<input type='hidden' id='btn-edit' name='btn_edit' value='".$row['id']."'/>
</label>
<script>
function edit(){
let data_id = document.getElementById('btn-edit');
console.log(data_id.value);
}
</script>
- 3 回答
- 0 關(guān)注
- 227 瀏覽
添加回答
舉報(bào)
0/150
提交
取消