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

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

reactjs - React router and this.props.children - how to pass state to this.props.children -

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -