1

这是我的代码，我试图从选定的框中打印选定的值。但它只打印选定项目的第一个值。我不知道如何获取选定值的长度。任何人都可以帮助我解决这个问题

<html>
    <head>
        <title>jQuery Dropdown CheckList</title>
        <link rel="stylesheet" type="text/css" href="jquery-ui-1.8.13.custom.css">
        <link rel="stylesheet" type="text/css" href="ui.dropdownchecklist.themeroller.css">
        <style>
    table td { vertical-align: top }
    dd { padding-bottom: 15px }
        </style>

        <script type="text/javascript" src="jquery-1.6.1.min.js"></script>
        <script type="text/javascript" src="jquery-ui-1.8.13.custom.min.js"></script>
        <script type="text/javascript" src="ui.dropdownchecklist-1.4-min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
              $("#s10").dropdownchecklist( { forceMultiple: true
    , onComplete: function(selector) {
        var values = "";
        for( i=0; i < selector.options.length; i++ )
        {
            if (selector.options[i].selected && (selector.options[i].value != "")) 
            {
                if ( values != "" ) 
                  values += ";";
                values += selector.options[i].value;            
            }

        }
        alert(values);
        } 
    , onItemClick: function(checkbox, selector)
       {
         var justChecked = checkbox.prop("checked");
         var checkCount = (justChecked) ? 1 : -1;
         for( i = 0; i < selector.options.length; i++ ){
            if (selector.options[i].selected )
              checkCount += 1;
        }


       }
      });
    });
        </script>  
    </head>
    <body>
    <div id="content">
      <table>
          <tr>
            <td>
                <select id="s10">
                    <option value=""></option>
                    <option value='a'>Alice</option>
                    <option value='b'>Bob</option>
                    <option value='c'>Christian</option>
                    <option value='d'>Daniel</option>
                    <option value='e'>Elizabeth</option>
                </select>
             </td>
           </tr>
        </table>  
    </div>
    </body>
    </html>

为了获取复选框选定项目的长度，我这样做了，但我不知道它只给出 1 作为警报消息

onItemClick: function (checkbox, selector) 
                 {
                   $("input:checked").each(function()
                   {        
                         alert($(this).val().length);    
                   });         
                 } });
4

3 回答 3

1

试试这个，希望它会工作

<select id="s10" multiple="multiple">

    <script type="text/javascript">
        $(document).ready(function() {
        var foo = []; 
        $('#s10:selected').each(function(i, selected){ 
          foo[i] = $(selected).text(); 
        });
      });
   </script>
于 2013-02-16T04:43:01.460 回答
1

使用以下命令获取所选选项:selected：

$('#s10 option:selected').val();

我想说的是：http: //jsfiddle.net/T4UDu/

$('#s10').change(function(){
    alert($('option:selected',this).val());
});
于 2013-02-16T04:42:32.927 回答
0 
$('#checkboxId').change(function(){
    alert($('option:selected',this).val());
});
于 2013-02-16T12:26:16.007 回答