select multiple value in select html

html select multiple

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.jquery.min.js"></script>
<link href="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.min.css" rel="stylesheet"/>

<form action="http://httpbin.org/post" method="post">
  <select data-placeholder="Begin typing a name to filter..." multiple class="chosen-select" name="test">
    <option value=""></option>
    <option>American Black Bear</option>
    <option>Asiatic Black Bear</option>
    <option>Brown Bear</option>
    <option>Giant Panda</option>
    <option>Sloth Bear</option>
    <option>Sun Bear</option>
    <option>Polar Bear</option>
    <option>Spectacled Bear</option>
  </select>
  <input type="submit">
</form>

Posted by: Guest on March-25-2021

Source

SELECT2 V4 : ============ For select2 v4 you can append directly an option/s as follow: <select id="myMultipleSelect2" multiple="" name="myMultipleSelect2[]"> <option value="TheID" selected="selected">The text</option> </select> Or with JQuery: --------------- var $newOption = $("<option selected='selected'></option>").val("TheID") .text("The text") $("#myMultipleSelect2").append($newOption).trigger('change'); other example : --------------- $("#myMultipleSelect2").val(5).trigger('change');

Code answers related to "select multiple value in select html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "select multiple value in select html"

Code answers related to "select multiple value in select html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us