javascript使用id变量访问元素

Question

如何使其工作?

当尝试使用变量通过id访问输入框时，脚本返回"未定义"。

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<table>
<script>
const IDs = ["Cell_1", "Cell_2"];
document.write("<tr><td><input type='text' value='", IDs[0], "' class='qty' id='", IDs[0], "' name='A' ></td>");
document.write("<td><input type='text' value='10' id='BB' name='B' ></td>");
document.write("<td><input type='text' value='10' id='", IDs[1], "' name='B' ></td></tr>");
document.write("<tr><td>");
document.write("ID_1: ", IDs[0], "</br>");
document.write($("#BB").val(), "</br>");
document.write($("#IDs[1]").val(), "</br>");
document.write("ID_2: ", IDs[1]);
document.write("</td></tr>");
</script>
</table>

Answer 1

你可以这样做:

document.write($('#'+IDs[1]).val(), "</br>")

如果你将id[1]放在双引号中，它将把它作为字符串处理，而不呈现它的值。