【问题标题】:how to print selected values from multiselect dropdown list using jquery?如何使用 jquery 从多选下拉列表中打印选定的值?
【发布时间】:2016-05-03 07:14:53
【问题描述】:

<html>
<head>
<title>Multi-select</title>
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-multiselect/dist/css/bootstrap-multiselect.css">
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bower_components/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script>
</head>
<body>
<select id="example" multiple="multiple">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>
<script>
  $('#example').multiselect({
    buttonClass: "btn btn-default",
    buttonWidth: "140px",
  });
</script>
</body>
</html>

这是我的代码...我必须从下拉列表中打印选定的值...我如何使用 jquery...如果我选择 1、2、3 个选项,它将打印该值

【问题讨论】:

标签: javascript jquery


【解决方案1】:

您可以将.val() 与选择元素选择器一起使用:

当集合中的第一个元素是 select-multiple(即,具有 multiple 属性集的 select 元素)时,它返回一个包含每个选定选项的值的数组,如果没有选择任何选项,则返回 null。

$('#example').val(); 

您可以使用 .join() 将此数组转换为 CSV。

【讨论】:

  • 我可以使用这个代码吗 var values=$('#example').val() ??
  • $('#example').val().join(',')
  • 是否可以将这些值访问到另一个 html 文件中??
【解决方案2】:
$( "#myselect option:selected" ).text();

【讨论】:

    猜你喜欢
    • 2021-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多