搞不懂的问题帮忙解决一下


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>两个下拉列表框组成的互选框</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script>
function moveSingleItem(sourceSelect, targetSelect) {
var mySelectedIndex = sourceSelect.selectedIndex; //selectedIndex 属性可设置或返回下拉列表中被选选项的索引号。注释：若允许多重选择，则仅会返回第一个被选选项的索引号。
alert(mySelectedIndex);
// if(mySelectedIndex = -1) { //如果没有选择任何项目则返回
// return;
// }

// if(sourceSelect.options[0].text == "无") {
// return;
// }
} 
</script> </head> <body>
<form>
<table>
<tr>
<td>
<select id="mySelectLeft" name="mySelectLeft" multiple="multiple"
size="5" style="width: 50px; height: 150px">
<option>
苹果
</option>
<option>
橘子
</option>
<option>
香蕉
</option>
<option>
西瓜
</option>
<option>
李子
</option>
</select>
</td>
<td>
<input type="button" name="toRight" id="toRight" value="&gt;"
onclick="moveSingleItem(mySelectLeft, mySelectRight)">
<br>
<input type="button" name="toRightAll" id="toRightAll"
value="&gt;&gt;"> <br>
<input type="button" name="toLeft" id="toLeft" value="&lt;">
<br>
<input type="button" name="toLeftAll" id="toLeftAll"
value="&lt;&lt;">
</td>
<td>
<select id="mySelectRight" name="mySelectRight"
multiple="multiple" size="5" style="width: 50px; height: 150px">
</select>
</td>
</tr>
</table>
</form>
</body>
</html>我写了个小程序写到一半有个问题没搞懂.onclick="moveSingleItem(mySelectLeft, mySelectRight)这个地方传的是id还是name,为什么把<select id="mySelectLeft" name="mySelectLeft" multiple="multiple"
size="5" style="width: 50px; height: 150px">
这个地方的id改成别的也可以取到值,name改成别的也可以取到值,但是同时改掉就取不到值了,是id和name都能传吗?不会冲突吗?