Question

我的要求是在下拉列表中打印多个选择数据。我试过这个，但它不起作用。我不知道我在哪里错过逻辑。请纠正我。这是我的代码

    function getState() {
                ................
        document.getElementById('statediv').innerHTML=http.responseText;                        
                        http.send(params);

}

在体内

    <div>   
        <h1 class="float-left">Create Annual Reports</h1>
        <div class="clear"></div>           
    </div>  
    <form  method="post" target="_blank"   action="<?=base_url();?>reports/prepareannualreport"  onsubmit="return fnValidate();" >
    <div id="registerform"> 
        <p></p> 
        <span class="float-left">State</span>
        <span id="statediv"><select name="multiple" id="multiple" multiple="multiple"><option value="0">(Select)</option></select>
</span>

在下拉列表中成功显示数据。现在，当我在下拉列表中选择多个数据时，我想打印这些值，因此我使用以下函数进行打印。

<script>
    function displayVals() {
      var singleValues = $("#single").val();
      var multipleValues = $("#multiple").val() || [];
      $("p").html(" <b>Multiple:</b> " + 
                  multipleValues.join(", "));
    }

    $("select").change(displayVals);
    displayVals();

</script>

如果我用以下函数替换正文内容，它会在下拉列表中打印所选数据。

<select id="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select>

Answer 1

http://www.texotela.co.uk/code/jquery/select/# 我使用这个插件来管理选择:) 它完美地工作..

Answer 2

{{2p>工作Jsfiddle @ {{3p>

span标记中下拉列表中的多个选择

2 个答案: