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为“ room”的元素，而您选择的元素ID已附加room".$sub_row2['room_id']

要使其正常工作，ID必须相同。

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

1 个答案: