正在尝试创建一个选择选项

Trying to create a select option

本文关键字：一个 选择 选项 创建      更新时间：2023-09-26

我不确定这个网站是否只有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="";}
  }

您应该能够将其简化为以下（未经测试）：

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>
相关文章：