代码如下,用jQuery实现一个功能,select下包含option,同时UL下包含LI,为什么UL可以实现点击加到下边,select点击加不到下边?
记在这里以后学的多了,有可能解决了再回来解决试试吧,唉。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="JS/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#s1 option").click(function() {
$(this).appendTo("#s2");
});
});
$(function() {
$("#ul1 li").click(function() {
$(this).appendTo("#ul2");
});
});
</script>
</head>
<body >
<!--这里使用select元素-->
<select id="s1" multiple="multiple">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select><br />
<select id="s2" multiple="multiple">
<option>ddddddddd</option>
</select>
<hr />
<!--以下是UL元素控件-->
<ul id="ul1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul id="ul2">
<li>ddddddddd</li>
</ul>
</body>
</html>