javascript table & celect problem in JavaScript Posted November 17, 2020 <!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.
javascript table & celect problem
in JavaScript
Posted
<!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.