javascript bootstrap-multiselectボタンクリック時に選択した値をすべて取得する

ボタンクリックでbootstrap-multiselectのすべての選択値を取得したいとします。javascript bootstrap-multiselectボタンクリック時に選択した値をすべて取得する

私のJSPページのコードは、私はJavaのJSPを使用しています

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#ddlPermission').multiselect({ 
      buttonWidth : '100%', 
      maxHeight : 100, 
      includeSelectAllOption : true, 
      dropRight : true 
     }); 
    }); 

    function myFunction() { 
     var allVal=$("ddlPermission").val(); 
     alert(allVal); 
     return false; 
    } 
</script> 
<body> 
    <select id="ddlPermission" multiple="multiple" name="permission_ddl"> 
     <option value="A">A</option> 
     <option value="B">B</option> 
     <option value="C">C</option> 
     <option value="D">D</option> 
    </select> 
    <input type="submit" name="btnSubmit" id="btnSubmit" onclick="myFunction()" class="button active" value="Submit"> 
</body>

以下の通りです。

出典

2017-07-07 user3441151

Working fiddle。

あなたは次の行のid記号#を逃している：

var allVal=$("ddlPermission").val();

は次のようになります。

var allVal=$("#ddlPermission").val();

・ホープ、このことができます。アレイは、選択されたオプションのすべての値を含むであろう

出典

2017-07-07 11:03:43

$(".buttonClass").click(function(){ 

    var selectedText = []; 
    var selectedValues = []; 
    $('#ddlPermission :selected').each(function(i, value){ 
     selectedValues[i] = value; 
     selectedText[i] = $(value).text(); 

    }); 

});

selectedValues、

selectedTextアレイは、選択されたオプションのすべてのテキストを含むであろう

出典

2017-07-07 11:11:56

javascript bootstrap-multiselectボタンクリック時に選択した値をすべて取得する

答えて

関連する問題