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>

尝试创建一个选择选项

1 个答案: