jquery 实现两Select 标签项互调示例代码
程序员文章站
2023-11-09 00:01:28
<html> <head> <base href="<%=basepath%>"> <title>my jsp 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript" src="https://code.jquery.com/jquery-1.4.1.min.js"></script> </head> <script language="javascript"> <!-- $(document).ready(function() { $("#toright").click(function(){ $("#selectleft option:selected").each(function(){ $("#selectright").append("<option value=" + $(this).val() + ">" + $(this).html() + "</option>"); $(this).remove(); }); }); $("#toleft").click(function(){ $("#selectright option:selected").each(function(){ $("#selectleft").append("<option value=" + $(this).val() + ">" + $(this).html() + "</option>");//这个方法是默认在后面添加 //$("#selectleft option:first").before("<option value=" + $(this).val() + ">" + $(this).html() + "</option>"); //此种方法是在select前面加内容 //$("#selectleft option[value=3]").before("<option value=" + $(this).val() + ">" + $(this).html() + "</option>"); //此种方法是在selectt指定某一行加内容 $(this).remove(); }); }); }); //--> </script> <body> <table> <tr> <td> <select size='10' multiple id="selectleft" style="width:200px"> <option value="0">jquery api</option> <option value="1">javascript高级程序设计</option> <option value="2">锋利的jquery</option> <option value="3">javascript 设计模式</option> <option value="4">javascript+dom高级程序设计</option> <option value="5">php高级程序设计</option> <option value="6">面向对象程序设计</option> </select> </td> <td> <input type="button" value=" >> " id="toright" /><br /><br /> <input type="button" value=" << " id="toleft" /> </td> <td> <select size='10' multiple id="selectright" style="width:200px"> </select> </td> </tr> </table> </body> </html>
上一篇: 老师听我解释,我们真的不是同性恋
下一篇: 网站简繁体转换函数
推荐阅读
-
jquery 实现两Select 标签项互调示例代码
-
jquery实现省市select下拉框的替换(示例代码)
-
js实现网页的两个input标签内的数值加减(示例代码)
-
jQuery动态添加删除select项(实现代码)
-
jquery 实现两Select 标签项互调示例代码
-
jQuery动态添加删除select项(实现代码)
-
jquery实现省市select下拉框的替换(示例代码)_jquery
-
jquery实现省市select下拉框的替换(示例代码)_jquery
-
jquery实现省市select下拉框的替换(示例代码)
-
JavaScript实现两个select下拉框选项左移右移的示例代码分享