javascript - 试图创建一个选择选项

Question

我不确定该站点是否仅使用 asp，但我正在尝试创建一个表单，根据您是否选择其中一个来禁用或启用子字段。我可以使用复选框来做到这一点，但我希望它与下拉选择值一起使用。这是下面的链接和脚本：

http://www.rfdesignstudio.com/newsite/paypal.html

这是选择脚本：

<select name="type" class="input" id="type" onchange="type()">
      <option value="General">General</option>
      <option value="Walk-a-thon">Walk-a-thon</option>
</select>

这是函数脚本：

function type(){

if (document.getElementById('type').value=='Walk-a-thon') { 
   document.getElementById('child').disabled = false; 
   document.getElementById('teacher').disabled = false; 
   document.getElementById('room').disabled = false; 
   } 
else { 
  document.getElementById('child').disabled = true; 
  document.getElementById('teacher').disabled = true; 
  document.getElementById('room').disabled = true; 
  document.getElementById('child').value = ""; 
  document.getElementById('teacher').value=""; 
  document.getElementById('room').value="";}
  } 

Answer 1

您应该能够将其减少到这个（未经测试）：

function type(){
  if ($('#type').val() == 'Walk-a-thon') { 
    $('#child, #teacher, #room').removeAttr('disabled');
  } 
  else { 
   $('#child, #teacher, #room').attr('disabled', 'disabled').val('');
  } 
}

您可能还想在文档加载时通过在该head部分的某处添加此片段来触发此功能：

<script type="text/javascript">
  $(function(){ type(); });
</script>