我试图在单击按钮时禁用/启用下拉菜单

Question

单击按钮后，我尝试禁用/启用下拉框。 我尝试了以下但它不起作用：

function disable() {
  document.getElementById('room').disabled=true;
}
function enable() {
  document.getElementById('room').disabled=false;
}

我的下拉菜单在<?php?>里面，它是这样的：

print "<select  class=\"no_of_room\"name=\"qtyroom".$sub_row2['room_id']."\"  
id=\"room".$sub_row2['room_id']."\" 
onChange=\"selection(".$sub_row2['room_id'].")\" style=\"width:100%; 
color:black; height:45px;\">\n";
print "<option value=\"0\">0</option>\n";
$i = 1;
while($i <= $sub_row2['total_room'])
{
 print "<option value=\"".$i."\">".$i."</option>\n";    
 $i = $i+1;
 }
 print "</select>\n";

然后

print "<input type=\"button\" onclick=\"enable()\" value=\"Enable list\">";
print "<input type=\"button\" onclick=\"disable()\" value=\"Disable list\">";

Answer 1

您的启用/禁用功能正在尝试使用元素 ID“房间”，而您的选择元素 ID 有一些附加到room".$sub_row2['room_id']

为了使其工作，ID 必须相同。