Question

js下拉框选择问题

在页面上有个文本框和一个下拉框，当你选择下拉框时，里面的内容会添加到文本框里面，如用户在文本框里输入：今天天气真好。然后他在下拉框里选择a,那么
a的内容会进入到文本框里，这样文本框里面就会显示：今天天气真好。this is a good site, please come to asite.
问题：
当你打开页面，第一次就选择下拉框里的a时，没有反应，只有当你选过b或其他的之后，你选a才可以，请问这是怎么回事？该怎么办？

代码如下：

<textarea id="text01"></textarea>
<select id="sel01" onchange="tryit()"/>
<option value="this is a good site, please come to asite">a</option>
<option value="this is a good site,come to bsite">b</option>
<option value="this is a good site, please come to csite">c</option>
<option value="this is a good site,come to dsite">d</option>
<option value="this is a good site, please come to esite">e</option>

</select>
<script>
function tryit(){
var already = document.getElementById("text01").value;
for(var i=0; i<5; i++){
if(document.getElementById("sel01").options[i].selected){
document.getElementById("text01").value = already + document.getElementById("sel01").options[i].value;
}
}
}
</script>

Answer 1

onchange是变更触发js时间，页面首次加载不会触发；
解决方法：
1，加一个<option></option>空选项，初始就显示为空，用户自己自然会去变更选项来触发js事件；
2，document.ready()调用一下你的这个js，这样页面加载时会执行你的js，【document.ready()】这个用法可以百度下，具体怎么写我忘了...没有eclipse在身边不方便啊...