Я пытаюсь отключить / включить раскрывающийся список при нажатии кнопки

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

Ваши функции включения / выключения пытаются работать с идентификатором элемента "room", в то время как к вашему идентификатору элемента select прикреплено что-то room".$sub_row2['room_id']

Для того, чтобы это работало, идентификаторы должны быть одинаковыми.