基本上，我用 JavaScript 撰寫了這個函式：
<script>
function getVal(value) {
console.log(value);
}
</script>
這是我的 HTML 輸入標簽：
<input onchange="getVal(this.value)" type="text" id="unit" />
我期望在控制臺中列印此元素的值（我沒有）。我不是手動輸入元素的值，而是用這段代碼設定它：
<script>
var table = document.getElementById('table');
for(var i = 1; i < table.rows.length; i )
{
table.rows[i].onclick = function()
{
//rIndex = this.rowIndex;
document.getElementById("unit").value = this.cells[0].innerHTML;
};
}
</script>
uj5u.com熱心網友回復：
我只是在回圈遍歷表行時從 0 而不是 1 開始更改索引，并添加了 dispatchEvent 呼叫來觸發輸入文本上的事件，以便其處理程式運行。
如果您的問題中有什么我沒有正確理解的地方，請告訴我。
function getVal(value) {
console.log(value);
}
let table = document.getElementById('table');
for(var i = 0; i < table.rows.length; i )
{
table.rows[i].onclick = function()
{
let unit = document.getElementById("unit");
unit.value = this.cells[0].innerHTML;
unit.dispatchEvent(new Event('change'));
};
}table#table{
width: 100%;
}
table#table tr:hover{
background: lightgray;
cursor: pointer;
}
table#table tr td{
border: solid 1px black;
}<input onchange="getVal(this.value)" type="text" id="unit" />
<table id="table">
<tr>
<td>Row1</td>
</tr>
<tr>
<td>Row2</td>
</tr>
<tr>
<td>Row3</td>
</tr>
</table>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/460896.html
標籤：javascript html
上一篇：如何使回到頂部的錨鏈接平滑滾動