使用jquery或javascript获取多选框的值

前端之家收集整理的这篇文章主要介绍了使用jquery或javascript获取多选框的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在下面的代码中,如何在函数val()中使用jquery或javascript获取多选框的值。
  1. <script>
  2. function val() {
  3. //Get values of mutliselect drop down Box
  4. }
  5.  
  6. $(document).ready(function () {
  7. var flag = 0;
  8. $('#emp').change(function () {
  9. var sub = $("OPTION:selected",this).val()
  10. if (flag == 1) $('#new_row').remove();
  11. $('#topics').val('');
  12. var html = '<tr id="new_row" class="new_row"><td>Topics:</td><td> <select id="topic_l" name="topic_l" class="topic_l" multiple="multiple">';
  13. var idarr = new Array();
  14. var valarr = new Array(); { %
  15. for top in dict.tops %
  16. }
  17. idarr.push('{{top.is}}');
  18. valarr.push('{{pic.ele}}'); { % endfor %
  19. }
  20. for (var i = 0; i < idarr.length; i++) {
  21. if (sub == idarr[i]) {
  22. html += '<option value="' + idarr[i] + '" >' + valarr[i] + '</option>';
  23. }
  24. }
  25. html += '</select></p></td></tr>';
  26. $('#tops').append(html);
  27. flag = 1;
  28. });
  29. });
  30. </script>
  31. Emp:&nbsp;&nbsp;&nbsp;&nbsp;
  32. <select id="emp" name="emp">
  33. <option value=""></option>
  34. <option value="1">1</option>
  35. </select>
  36.  
  37. <div name="tops" id="tops"></div>
  38.  
  39. <input type="submit" value="Create Template" id="create" onclick="javascript:var ret=val();return ret;">

谢谢..

解决方法

从select调用的val函数将返回一个数组,如果它的一个倍数。 $(‘select#my_multiselect’)。val()将返回所选选项的值的数组 – 你不需要循环并自己得到它们。

猜你在找的jQuery相关文章