Php 如果在“多次选择”中选择了指定值之一，则显示div

在这里，我希望在指定值存在或选中时显示div，如果未选中指定值，则应隐藏div。 这是我的密码

<select name="result" id="result"  class="form-control select2" style="width: 70%" multiple>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="q">Q</option> 
</select>

1.
2.
3.
4.
5.
Q

这里是html

<div class="form-group" id="qaranty_count_full">
    <label for="recipient-name" class="col-form-label">Count:</label>
    <input type="number" required name="qaranty_count" class="form-control"  id="qaranty_count" value="1">
 </div>

计数：

这是剧本

 <script type="text/javascript">
  $(document).ready(function(){
   $('#qaranty_count_full').hide();
   $("#result").change(function(){
   if($('option:selected', this).val()=='q')
   {

     $('#qaranty_count_full').show();
     $('#qaranty_count').prop('required', true);
   }
   else
   {
     $('#qaranty_count_full').hide();
     $('#qaranty_count').prop('required', false);
   }

 });
});
</script>

$（文档）.ready（函数（）{
$（“#qaranty_count_full”）.hide（）；
$（“#结果”）.change（函数（）{
if（$（'option:selected'，this）.val（）
{
$（“#qaranty_count_full”）.show（）；
$（'qaranty_count'）.prop（'required'，true）；
}
其他的
{
$（“#qaranty_count_full”）.hide（）；
$（'qaranty_count'）.prop（'required'，false）；
}
});
});

在这种情况下，如果我选择

q

第一次

div

可见，如果我选择

q

作为第二个或第三个值，则

div

不可见，如果选择了

q

，则div应保持可见，希望理解我的问题

您可以尝试此代码

$(document).ready(function(){
   $("#result").change(function(){
     if($.inArray("q", $(this).val()) !== -1){
        $('#qaranty_count_full').show();
        $('#qaranty_count').prop('required', true);
     }else{
        $('#qaranty_count_full').hide();
        $('#qaranty_count').prop('required', false);
      }
 });
});

这是我创建的一个代码笔

您可以尝试此代码

$(document).ready(function(){
   $("#result").change(function(){
     if($.inArray("q", $(this).val()) !== -1){
        $('#qaranty_count_full').show();
        $('#qaranty_count').prop('required', true);
     }else{
        $('#qaranty_count_full').hide();
        $('#qaranty_count').prop('required', false);
      }
 });
});

这是我创建的一个代码笔

---

您可以这样做，使用

.each

，循环选定的数组

堆栈片段

1.
2.
3.
4.
5.
Q
计数：
$（文档）.ready（函数（）{
$（“#qaranty_count_full”）.hide（）；
$（“#结果”）.change（函数（）{
$（“#qaranty_count_full”）.hide（）；
$（'qaranty_count'）.prop（'required'，false）；
$（'option:selected'，this）.each（函数（i，sel）{
if（$（sel）.val（）=='q'）{
$（“#qaranty_count_full”）.show（）；
$（'qaranty_count'）.prop（'required'，true）；
}
});
});
});

您可以这样做，使用

.each

，循环选择的数组

堆栈片段

1.
2.
3.
4.
5.
Q
计数：
$（文档）.ready（函数（）{
$（“#qaranty_count_full”）.hide（）；
$（“#结果”）.change（函数（）{
$（“#qaranty_count_full”）.hide（）；
$（'qaranty_count'）.prop（'required'，false）；
$（'option:selected'，this）.each（函数（i，sel）{
if（$（sel）.val（）=='q'）{
$（“#qaranty_count_full”）.show（）；
$（'qaranty_count'）.prop（'required'，true）；
}
});
});
});

请添加div HTML，我认为您需要通过数组进行比较，因为它比较的是单个值，而不是多个值。另外，如果您可以设置小提琴，测试同样的效果也会很好。@LGSon在只有

q

值存在但多个选定值

div

变为不可见时工作。请在下面检查我的答案@用户_777请将div HTML添加到我认为您需要通过数组进行比较，因为它比较的是单个值，而不是多个值。另外，如果您可以设置小提琴，测试同样的效果也会很好。@LGSon在只有

q

值存在但多个选定值

div

变为不可见时工作。请在下面检查我的答案@用户_777此处更新了代码笔，包含完整的解决方案欢迎bro@user_777:）此处更新了代码笔，包含完整的解决方案欢迎bro@user_777:）