php - 更改选择取决于输入值

Question

在我的表单中，我有三个输入框和一个选择框，在选择框中只有三个值 John 、Matt 和 Lucy，但是选择框是完全自动的，它完全取决于它上面的 Input 和 input 有所有 datepicker 。

当第一个输入有值时，选择框的值应该是 John 之后，当第二个输入填写的值将是 Matt，最后 3 个输入也得到值，而不是选择应该是 Lucy 我的问题是，当输入有值时，如何在选择中从数据库中填充日期

            <form method="post" name="myform" class="compform" id="myform">
            <input type="hidden" name="UserName" value="<?php echo $_SESSION['UserName']; ?>" />
            <ul>
            <li>
              <p>Distribution Date:</p>
              <input type="text" name="DistributionDate" id="datepicker" value="" readonly />
            </li>
            <li>
              <p>Reback Date:</p>
              <input type="text" name="RebackDate" id="datepicker1" value="" readonly />
            </li>
            <li>
              <p>Final Date:</p>
              <input type="text" name="FinalDate" id="datepicker3" value="" readonly />
            </li>
            <li>
              <p>Worker:</p>
              <?php 
                            $sql = "SELECT workerid,name FROM crew where workerid<> 0 ORDER By PeopleID";
                            $result = mysql_query($sql);

                            echo "<select name='workerid' id='name'>";
                            while ($row = mysql_fetch_array($result)) 
                            {
            ?>
              <option <?php if($formId != '' && $res['workerid'] == $row['workerid']){  echo " selected='select' "; } ?> value='<?php echo $row['workerid']; ?>'><?php echo $row['name']; ?> </option>
              <?php         } 
                            echo "</select>";
                            ?>
            </li>

Answer 1

你必须使用 Ajax 并像这样为每个文本框使用 change 函数

示例 HTML

<input type="text" id="txt1"/>
<input type="text" id="txt2"/>
<input type="text" id="txt3"/>
<br>

<select id="select">
 <option>Lucy</option>
  <option>John</option>
  <option>Matt</option>
</select>

查询

 $("#txt1").change(function(e){
    if($("#txt2").val() == "" && $("#txt3").val() == "")
    {
        $("#select").find('option:contains("John")').attr('selected','selected'); 

    }

});

$("#txt2").change(function(e){
    if($("#txt3").val() == "")
    {
       $("#select").find('option').removeAttr("selected");
        $("#select").find('option:contains("Matt")').attr('selected','selected');
    }

});

$("#txt3").change(function(e){

       $("#select").find('option').removeAttr("selected");
        $("#select").find('option:contains("Lucy")').attr('selected','selected');


});

Demo