javascript - 如何使用 jquery 在 div 中显示多选值?
问题描述
我希望能够使用 jquery 显示从多选到空 div 的值。例如,在下面的代码中,我将如何使用 jquery 实现它?
<select multiple data-style="bg-white rounded-pill px-4 py-3 shadow-sm" class="selectnumber w-100 multiple searchable='Search here..'">
<option>23</option>
<option>17</option>
<option>14</option>
<option>11</option>
<option>9</option>
</select>
<div class="numberselected">
numbers selected should display here...
</div>
解决方案
你可以在下面做一些事情
$(document).on('change', '.selectnumber', function(e){
var selected = $('.selectnumber').val();
$('.numberselected').text(selected);
//console.log(selected);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select multiple data-style="bg-white rounded-pill px-4 py-3 shadow-sm"
class="selectnumber w-100 multiple searchable='Search here..'">
<option>23</option>
<option>17</option>
<option>14</option>
<option>11</option>
<option>9</option>
</select><!-- End -->
<div class="numberselected">
//numbers selected should display here.
</div>
推荐阅读
- r - 根据每个组的最近日期查找组的平均值
- python - 如何在模型中使用 tf.gradients 并仍然使用自定义训练循环?
- string - 是否有一个字符串函数可以分隔用斜杠连接的单词?
- openpyxl - XlsxWriter 中的追加模式损坏现有文件
- webpack - Webpack css-loader UnhandledPromiseRejectionWarning: Error: The module created for a LoaderDependency must have an original source
- javascript - 从 Web 应用程序中的过滤数组自动完成
- php - MYSQL SELECT 多行成一行
- r - 如何计算与连续函数的平均密度相对应的 x 值?
- flutter - Flutter 中的抽屉到底部导航栏
- python - 如何将字符串的字符定义为“索引”,然后计算两个方向的字符频率?