php 在动态输入字段中添加 "required"

Question

我正在寻找解决方案，但没有找到好的示例。

我有表单下拉菜单和输入字段。现在我希望根据下拉列表中的选择来输入该输入字段。我希望根据选择获得“必需的”动态。

这是我的表格:

<form name="coaching_save" method="POST" action="coaching_form.php" class="form-horizontal form-label-left">

    <div class="item form-group">
     <label class="control-label col-md-3 col-sm-3 col-xs-12" for="Issue">Issue <span class="required">*</span>
    </label>
    <div class="col-md-6 col-sm-6 col-xs-12">
    <select name="Issue" id="Issue" required class="form-control">
    <option disabled selected hidden></option>
    <?php
    $tww_dd_sql = "SELECT * FROM `coaching_issue`";
    $tww_dd_result = $mysqli->query($tww_dd_sql);
    while($row = $tww_dd_result->fetch_array())
    {
    $row['id'];
    echo "<option value='".$row['issue']."'>".$row['issue']."</option>";
    }
    ?>
    </select> 
     </div>
    </div>


     <div class="item form-group">
    <label class="control-label col-md-3 col-sm-3 col-xs-12" for="Qfinity_ID_1">Qfinity ID <span class="required">*</span>
    </label>
    <div class="col-md-6 col-sm-6 col-xs-12">   
    <input type="text" required id="Qfinity_ID_1" name="Qfinity_ID_1" class="form-control col-md-7 col-xs-12"> 
    </div>
    </div>

 <div class="col-md-6 col-md-offset-3">    
<button id="send" type="submit" class="btn btn-success">Save</button>
 </div>
</form>

所以在输入字段“Qfinity_ID_1”中，当从下拉查询中选择“SbS”时，我想添加“required”(还有许多其他值可供选择)

Answer 1

您需要在这里使用一些 JavaScript。如果您使用的是 jQuery，可以这样做:

$(document).on('change','#Issue',function(){
  if($(this).val() === 'SbS') {
    $("#Qfinity_ID_1").prop('required',true);
  } else {
    $("#Qfinity_ID_1").prop('required',false);
  }
});

演示:https://jsfiddle.net/4vqpkq7o/