<!DOCTYPE html>
<html>
<body>
<form>
Select your favorite fruit:
Please tell us where the mistake is.
the result is " orange" instead of "orange", I get a blank space in front of the data.
<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>
Where I'm wrong.
thanks.