javascript - how to add multiselect checkbox by clicking on button -
i want add multiselect checkbox clicking on button.i using bootstrap multiselect.if other bootstrap multiselect ok. functionalities not working mutiselct checkbox after clicking on button.
$('#addsupplierbtn').click(function(){ $('#webhost').html($('#multiplesupplier').html()); });
<div id="multiplesupplier" > <select multiple="multiple" size="10" name="checked[]" id="chked" class='multiselect' > <option value="option1">option 1</option> <option value="option2">option 2</option> <option value="option3" selected="selected">option 3</option> <option value="option4">option 4</option> <option value="option5">option 5</option> <option value="option6" selected="selected">option 6</option> <option value="option7">option 7</option> <option value="option8">option 8</option> <option value="option9">option 9</option> <option value="option0">option 10</option> </select> </div> <!-- begin snippet: js hide: false -->
var counter = 0; $('#addsupplierbtn').click(function(){ var anotherselect = $('.multiselect:nth-child(1)').clone(); anotherselect.attr('id', "multiselect"+counter) $('.multiselect').last().after(anotherselect); counter ++; });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="multiplesupplier" > <select multiple="multiple" size="10" name="checked[]" id="multiselect" class='multiselect' > <option value="option1">option 1</option> <option value="option2">option 2</option> <option value="option3" selected="selected">option 3</option> <option value="option4">option 4</option> <option value="option5">option 5</option> <option value="option6" selected="selected">option 6</option> <option value="option7">option 7</option> <option value="option8">option 8</option> <option value="option9">option 9</option> <option value="option0">option 10</option> </select> </div> <input type='button' id='addsupplierbtn' value='another select'>
try way..
Comments
Post a Comment