Bootstrap Dual Listboxを使おうとして詰まりかける
6748 ワード
Bootstrap Dual Listboxを読もうとしてエラーになる。
window.jQuery = window.$ = require('jquery');
require('bootstrap');
require('bootstrap4-duallistbox/src/jquery.bootstrap-duallistbox');
古いバージョンだと大丈夫
window.jQuery = window.$ = require('jquery');
require('bootstrap');
require('bootstrap-duallistbox/src/jquery.bootstrap-duallistbox');
こうしたら動いた
window.jQuery = window.$ = require('jquery');
require('bootstrap');
require('bootstrap4-duallistbox/src/jquery.bootstrap-duallistbox')($);
htmlはこんな
<form id="demoform" action="#" method="post">
<select multiple="multiple" size="10" name="duallistbox_demo1[]" title="duallistbox_demo1[]">
<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>
<br>
<button type="submit" class="btn btn-default btn-block">Submit data</button>
</form>
<script>
var demo1 = $('select[name="duallistbox_demo1[]"]').bootstrapDualListbox();
$("#demoform").submit(function() {
alert($('[name="duallistbox_demo1[]"]').val());
return false;
});
</script>
わからない事がまだまだある。
Author And Source
この問題について(Bootstrap Dual Listboxを使おうとして詰まりかける), 我々は、より多くの情報をここで見つけました https://qiita.com/shigemaruu/items/f74d6eff08a49b681a3f著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .