Question

我正在研究一个非常古老的编码项目，但它在选定的选项上运行完美。编码器填充一个隐藏的下拉列表，这是动态的。

            <td class="hidden isagentname"><strong>
              <select name="agentnamee">
                <option value="">Please AgentName</option>
                  <?php $i = 0; while($i < $buyerCodeNum){ ?>
                <option value="<?php echo 
                  mysql_result($buyerCode,$i,"name"); ?>"><?php echo 
                  mysql_result($buyerCode,$i,"name"); ?>
                </option>
                  <?php $i++;}?>
              </select>
              <a href="#" class="remove" rel="agentname">remove</a>
              </strong>
            </td>

现在我想在第一个下拉框

中填充选定选项上的两个隐藏下拉框

我尝试了这个，但它无法正常工作

using two <td> under one select tag

善良的天才编码员帮助我

Answer 1

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
 $('#agentName').hide();
 $('#agentID').hide();
    $('#purpose').on('change', function() {
      if (this.value > 0)
      {   
       $('#agentName').show();
      }
      else
      {
        $("#agentName").hide();
      }
    });
	$("#agentName").on('click', function() {
      if (this.value > 0)
      {  
       $('#agentID').show();
      }
	    else
      {
        $("#agentID").hide();
      }
	  });
});
</script>
</head>
<body>
<select id='purpose'>
<option value="1">Personal use</option>
<option value="2">Business use</option>
<option value="3">Passing on to a client</option>
</select>
<div style='display:none;' id='business'>Business Name</div>

 <select name="agentnamee" id="agentName">
 <option value="0">Please AgentName</option>
  <option value="1">zzz</option>
  <option value="2">xxx</option>
   <option value="3">yyy</option>
                    
                    </select>
                    <a href="#" class="remove" rel="agentname">remove</a>
					 <select name="agentID" id="agentID">
 <option value="0">Please AgentID</option>
   <option value="1">1xxx</option>
  <option value="2">2xxx</option>
   <option value="3">3yyy</option>
                    
                    </select>



</body>
</html>

你觉得这样吗？点击第一个下拉选项，它将打开第二个下拉菜单，依此类推？

想要在上一个选定的选项上填充两个下拉框

1 个答案: