如何强迫用户选择下拉值？

Question

我有两个问题：，这是我的代码：

​

$(document).ready(function(){
 $("#diabetestype").closest("div").hide();
 $("#diabetes").on("change", function(){
   var v = $(this).val();
   if(v=="positive"){
      $("#diabetestype").closest("div").show();
   }else{
     $("#diabetestype").closest("div").hide();
   } 
 });
});

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>


<label for="diabetes">Diabetes:</label>
<select id="diabetes" name="diabetes">
<option value="negative">Negative</option>
<option value="positive">Positive</option>
</select>



<div>
<label for="diabetestype">Diabetes Type:</label>
<select id="diabetestype" name="diabetestype">
<option value="negative">Please select Diabetes Type</option>
<option value="insulin">Insulin</option>
<option value="drug">Drug</option>
</select>
</div>

​

当糖尿病为阴性时，仍为型糖尿病，值为阴性，所以一切正常。

问题是当是阳性时，如果用户不改变值，那么糖尿病类型仍然是阴性。

当糖尿病呈阳性时，你如何强迫用户选择价值？或者，当糖尿病呈阳性时，我们可以设置一个错误值吗？ 如何从表格中检索数据时，例如胰岛素被选择为值，在糖尿病测试类型选择下拉？

例如:如果糖尿病是阳性的，糖尿病类型是胰岛素，那么当我们再次改变它的时候，糖尿病类型仍然是隐藏的，胰岛素在值中没有被选择。我们需要把它从正变为负，从负到正，直到出现第二次下降，仍然选择(糖尿病型)作为值而不是胰岛素。

Answer 1

有两种方法可以为您的第一个需求提供服务。

1. 当糖尿病选择为阳性时，只需使用下面的代码删除负面选项，然后将第一个选项作为默认的糖尿病类型。 如果(v==“正”){ $("#diabetestype optionvalue=‘负值’“).remove()；$("#diabetestype").closest("div").show()；}

在隐藏在其他条件下，您应该添加这个$("#diabetestype").val('negative');

或者2.有一个粗糙的模型，这不是一个更好的用户体验，如下所示

$("#diabetes").on("change", function(){
           var v = $(this).val();
           if(v=="positive"){
              $("#diabetestype").focus();
              $("#diabetestype").closest("div").show();
           }else{
             $("#diabetestype").closest("div").hide();
             $("#diabetestype").val('negative');
           } 
   });
    $("#diabetestype").blur(function(){
               var v = $(this).val();
               if(v=="negative" && $("#diabetes").val() == 'positive'){
                  event.preventDefault();
                  alert('Select Diabetes Type');
                  $("#diabetestype").focus();
               } 
       });