javascript - 获取下拉列表项的选定文本并按新行拆分,然后使用 jQuery 显示警报结果

标签 javascript jquery

获取下拉列表项的选定文本并按新行拆分,然后使用 jQuery 显示警报结果

示例下拉列表项

Value   Text
1       AAA
2       BBBB
3       CCCCC

获取当前选中的文本:

var selectedItemText = $("#dropDownId option:selected").text();
// Get AAABBBBCCCCC

显示警报结果

alert(selectedItemText);
// Show "AAABBBBCCCCC"
// But I want "AAA\nBBBB\nCCCCC" How to split selectedItemText by new line?

抱歉,信息较少,我将文本从“A”更改为“AAA”,将“B”更改为“BBBB”,将“C”更改为“CCCCC”。

最佳答案

试试这个:

alert(selectedItemValue.split('').join('\n'));

更新

$('#dropDownId').change(function(){
var results="";
$('#dropDownId :selected').each(function(index, sel){ 
   results+= $(sel).text()+'\n'; 
});

alert(results);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<select id="dropDownId" multiple="multiple" name="multiple">
  <option value=""> -- Select -- </option>
  <option value="1">AAA</option>
  <option value="2">BBB</option>
  <option value="3">CCC</option>
 </select>

关于javascript - 获取下拉列表项的选定文本并按新行拆分,然后使用 jQuery 显示警报结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45913104/

相关文章:

javascript - ExtJS 即时更改组合框项目的值

javascript - js文件类型错误: Dispatch is not a Function in actions.

javascript - 如何使多个 javascript 隐藏/显示在一个页面上工作

jquery - React-virtualized 下拉菜单被溢出 :hidden 截断

javascript - 如何使页面元素出现在具有焦点的控件周围?

javascript - 解析运算符并在 JavaScript 中评估它们

javascript - object_to_array 和编码 - php 到 js 对象

javascript - 如何使用jquery获取outerHTML以使其跨浏览器

javascript - 如何使幻灯片在幻灯片放映时自动更改

jquery - 如何设置禁用/只读 Kendo UI 控件