首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML:JS:引导;验证多选择下拉列表

HTML:JS:引导;验证多选择下拉列表
EN

Stack Overflow用户
提问于 2013-12-05 10:11:46
回答 2查看 5.3K关注 0票数 3

在我的web应用程序中,我们使用了twitter引导主题。我必须对我的应用程序中的一个表单进行客户端验证。该表单包括文本字段、复选框和多选择下拉列表。我可以验证textfield和复选框,但不能验证下拉列表。

代码语言:javascript
运行
复制
 <select id="users" name="username[]"  class="chzn-select span2" multiple="multiple">  
     <option value="sdfsd">sdfsdfs</option>
           .... 
   </select>

但是在运行时,select标记是隐藏的,它们生成<li>标记。我不能使用document.getElementByID();

请给我提供最好的方法来做验证。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-12-05 11:06:44

尝尝这个

HTML

代码语言:javascript
运行
复制
<form action="#">
<select id="users" name="username[]"  class="chzn-select span2" multiple="multiple"> 
      <option value=""></option>  
     <option value="sdfsd">sdfsdfs</option>
           .... 
</select>
<input type="submit" id="add_btn">
</form>

脚本

代码语言:javascript
运行
复制
$('#add_btn').on('click', function(e) {
        if($('#users').val() == null && $('#users_chosen').is(':visible')) {
        alert('You must choose division');
        }

});

演示

代码语言:javascript
运行
复制
$(function(){
    $('form').submit(function(){
         var options = $('#users > option:selected');
         if(options.length == 0){
             alert('no value selected');
             return false;
         }
    });
});

演示

票数 4
EN

Stack Overflow用户

发布于 2013-12-05 11:44:55

代码语言:javascript
运行
复制
//You can use Js for this
    var ptype=document.getElementById('username').options[document.getElementById('username').selectIndex].value;

if(ptype=""){
document.getElementById('username').style.display='none';
alert('Please select field');
document.getElementById('username').focus();
return false;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20397105

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档