我的函数有问题，它给了我数据前面的空间。我哪里错了。如果根据这个例子你可以帮助我做到这一点，请告诉我。我想从送货单表中返回数据进行更正，但是空间有问题，如何解决。鳕鱼<!DOCTYPE html><html><body><form>Select your favorite fruit:<table><tr><td>1</td><td>orange</td></td><td><button type="button" onclick="myFunction(this)">Try it</button></td></tr></table><select id="mySelect"><option value="apple">Apple</option><option value="orange">Orange</option><option value="pineapple">Pineapple</option><option value="banana">Banana</option></select></form><script>function myFunction(td) {selectedRow = td.parentElement.parentElement;document.getElementById("mySelect").value= selectedRow.cells[1].innerHTML;}</script></body></html>
1 回答
红糖糍粑
TA贡献1815条经验 获得超6个赞
每当您尝试从 HTML 执行此操作时，请尝试使用trim()多余的空格，因为.innerHTMLHTML 不是空格敏感的，但 JavaScript 是：
document.getElementById("mySelect").value = selectedRow.cells[1].innerHTML.trim();
// ^^^^^^^
这将使它发挥作用。片段在这里：
function myFunction(td) {
selectedRow = td.parentElement.parentElement;
document.getElementById("mySelect").value = selectedRow.cells[1].innerHTML.trim();
}
<form>
Select your favorite fruit:
<table>
<tr>
<td>
1
</td>
<td>
orange
</td>
</td>
<td>
<button type="button" onclick="myFunction(this)">Try it</button>
</td>
</tr>
</table>
<select id="mySelect">
<option value="apple">Apple</option>
<option value="orange">Orange</option>
<option value="pineapple">Pineapple</option>
<option value="banana">Banana</option>
</select>
</form>
添加回答
举报
0/150
提交
取消