复制下拉框

最新推荐文章于 2023-10-17 11:41:35 发布

iteye_19437

最新推荐文章于 2023-10-17 11:41:35 发布

阅读量335

点赞数

分类专栏： jquery+ajax 文章标签： Apple

jquery+ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

[color=white]<html>
<head>
<script src="jquery-1[1].2.1.pack.js"></script>
<script type="text/javascript">

$(document).ready(function (){
$('#ok').click(
function (){

var name=$('#fruit').val();
if(name=="" || name==null) {
alert("please select");
return;
}
$('<option value='+name+'>'+name+'</option>').appendTo('#fruitscopy');
$("select[@id='fruit'] option[@selected]").remove();

}
);

$('#no').click(
function (){
var name=$("select[@id='fruitscopy'] option[@selected]").val();
if(name=="" || name==null) {
alert("please select");
return;
}
$('<option value='+name+'>'+name+'</option>').appendTo('#fruit');
$("select[@id='fruitscopy'] option[@selected]").remove();
}
);
});
</script>
</head>
<body>
<form action=/cgi-bin/post-query method=POST>
<table width="750px">
<tr>
<td width="115px">
<select name="fruits" id="fruit" size=10 style="width:100px">
<option>Banana
<option selected>Apple
<option value=My_Favorite>Orange
</select><p>
</td>
<td width="15px">
<input type=button id="ok" name="selvalue" value=">" >
<input type=button id="no" name="selvaluefan" value="<" >
<td>
<td>
<select name="fruitscopy" id="fruitscopy" size=10 style="width:100px" >
</select><p>
</td>
</tr>
</table>

</form>
</body>
</html>[/color]