Js读取select多选的几种方法
2017-04-01 18:09
344 查看
首先,编写HTML如下:
<form id="form1"> <table border="0"> <tr> <td>操作系统:</td> <td> <select name="os" size="4" multiple="multiple" id="os"> <option value="windowxp" selected="selected">windowxp</option> <option value="window7">window7</option> <option value="window10">window10</option> <option value="mac os">mac os</option> </select> </td> </tr> </table> </form>
方法
function readselect2() { // 方法一 var os = document.getElementById("os"); var msg = "被选中的项:"; for (var i = 0; i < os.length; i++) { if (os.options[i].selected == true) msg += " " + i + ":" + os.options[i].text; } alert(msg); // 方法二 jquery var val = $("#os").val(); alert(val); // 方法三 jquery val = $('select[name=os]').val(); alert(val); // 方法四 jquery var selectedValues = []; var selectedTexts = []; $("#os :selected").each(function() { selectedValues.push($(this).val()); selectedTexts.push($(this).text()); }); alert(selectedValues); alert(selectedTexts); }
相关文章推荐
- Js读取select单选值的几种方法
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- 左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- 几种js操作select控件的方法
- js操作select控件的几种方法
- Js读取check的几种方法
- js Select下拉列表框进行多选、移除、交换内容的具体实现方法
- JS左边select内容选择到右边select内容里面的js实现方法(可以多选和全选)
- js操作select控件的几种方法发布
- 几种js操作select控件的方法
- js操作select控件的几种方法
- js操作select控件的几种方法发布
- js刷新页面的几种方法
- JS实现重新加载当前页面或者父页面的几种方法
- PHP读取大文件的几种方法
- 几种js 方法实现倒计时
- [可用] java读取.properties配置文件的几种方法
- C#中常用的几种读取XML文件的方法
- js获取系统时间的几种方法<二> 《网摘学习》