当从组合框中选择了多个值时，如何显示文本框

Question

我想仅在选择组合框的值时显示文本框，否则应将其隐藏。我需要在同一页面中使用多个。感谢您的帮助。<label>1- Are there are friends/ neighbours/ family providing help ?</label><select class="form-control" name="formlist[any_friends_relatives_help3]" class="selincrease" id="edition"  onchange="func()" style="height: 5%;">  <option value="">choose...</option>  <?php      if (isset($forms['any_friends_relatives_help3'])) {      echo  '<option selected="selected" value="' . $forms['any_friends_relatives_help3']. '" disabled>' . $forms['any_friends_relatives_help3'] . '</option>' ;    echo '<option value="<?=$forms[\'any_friends_relatives_help3\'] ?? \'Yes\'?>">Yes</option>' ;  echo ' <option value="<?=$forms[\'any_friends_relatives_help3\'] ?? \'No\'?>">No</option>';  ?>  <?php  }    else {?>  <option value="<?=$forms['any_friends_relatives_help3'] ?? 'Yes'?>">Yes</option>  <option value="<?=$forms['any_friends_relatives_help3'] ?? 'No'?>">No</option>  <?php }?></select><div id="trhide">  <label>Please Specify:</label><br />  <textarea class="form-control" name="formlist[specify_help3]"><?=$forms['specify_help3'] ?? ''?></textarea></div><script type="text/javascript">  function func() {    var elem = document.getElementById("edition");    if (elem.value == "Yes") {      document.getElementById("trhide").style.visibility = "visible";    } else {      document.getElementById("trhide").style.visibility = "hidden";    }  }</script>如果我仅使用上面的一个，则它起作用，但是当我将另一个用于另一个选择时，它们都不起作用。第二个代码如下：<label>Shopping</label><select class="form-control" name="formlist[shopping3]" class="selincrease" id="change" style="height: 5%;"  required="required">  <option value="">choose...</option>  <?php            if (isset($forms['shopping3'])) {            echo  '<option selected="selected" value="' . $forms['shopping3']. '" disabled>' . $forms['shopping3'] . '</option>' ;          echo '<option value="<?=$forms[\'shopping3\'] ?? \'Self\'?>">Self</option>' ;  echo ' <option value="<?=$forms[\'shopping3\'] ?? \'Other\'?>">Other</option>';

Answer 1

您不能具有相同名称的多个功能。另外，函数名称绝对不能是“ func”，因为它们实际上是非描述性的。您也可以将两个函数合并为一个，例如：

function changeVisibility(id1, id2, checkValue) {

 var elem = document.getElementById(id1);

 if(elem.value == checkValue) {

    document.getElementById(id2).style.visibility = "visible";

 } else {

   document.getElementById(id2).style.visibility = "hidden";

 }

}