2017-06-02 93 views
1

我创建了一个下拉列表使用HTML/PHP来选择学生的多个资格。它工作正常,但我想限制选择只有3个资格。任何高级会员都可以指导我如何使用PHP/MySql/HTML来实现它。从数据库的PHP多个下拉列表 - 如何限制选择3

下面是代码

<select required id="JOBQUALIFICATION" name="JOBQUALIFICATION[]" multiple="multiple" size="5" style="width:300px"> 
    <option value="">-Select-</option> 
    <?php 
     do { 
    ?> 
    <option value="<?php echo $row_qmast['QMDESC']?>"><?php echo $row_qmast['QMDESC']?></option> 
    <?php 
     } while ($row_qmast = mysql_fetch_assoc($qmast)); 
    ?> 
</select> 

<?php 

if(isset($_POST['JOBQUALIFICATION'])) { 

$JOBQUALIFICATION=implode(',',$_POST['JOBQUALIFICATION']); 
} else { 

$JOBQUALIFICATION=""; 
} 
echo $JOBQUALIFICATION; 
?> 
+0

入住此张贴出来https://stackoverflow.com/questions/30474614/multiple-select-limit-选择数量 – clearshot66

+0

在您的查询中添加“LIMIT 3”? –

+0

@AlexHowansky我认为他要求停止让他们在多个选择下拉列表中同时选择3个以上 – clearshot66

回答

0

禁用选择后3被选中

<html> 
<tite></title> 
<head> 
<!-- Import the Jquery files --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
</head 
<!-- Jquery Script --> 
<script> 
    $(document).ready(function(){ 

     $("#JOBQUALIFICATION").change(function() { 
       if($("#JOBQUALIFICATION option:selected").length > 3) { 
        $('#JOBQUALIFICATION').prop('disabled', false); 
       } 
      }); 

    }); 
     </script> 
    <body> 




<select required id="JOBQUALIFICATION" name="JOBQUALIFICATION[]" multiple="multiple" size="5" style="width:300px"> 
    <option value="">-Select-</option> 
    <?php 
     do { 
    ?> 
    <option value="<?php echo $row_qmast['QMDESC']?>"><?php echo $row_qmast['QMDESC']?></option> 
    <?php 
     } while ($row_qmast = mysql_fetch_assoc($qmast)); 
    ?> 
</select> 

<?php 

if(isset($_POST['JOBQUALIFICATION'])) { 

$JOBQUALIFICATION=implode(',',$_POST['JOBQUALIFICATION']); 
} else { 

$JOBQUALIFICATION=""; 
} 
echo $JOBQUALIFICATION; 
?> 

</body> 
</html> 
+0

感谢您提供帮助;我应该在哪里添加代码?它是否需要像'标签之间添加标签,并且您还需要在项目中添加“jQuery”(如果它尚未存在)。除非用'document.load()'函数来包围它,也就是'jQuery',否则您还需要将该脚本放在PHP函数的后面。 – jkys

+0

@SagarPatra我修改了我的答案,看看是否有帮助 – clearshot66