Question

关于JS的浏览器兼容性问题。

JSP：
<table cellpadding="0" cellspacing="0" class="bg" border=0 id="sjTable">
<tr><td >
<input type="hidden" id="mxkmmc" name="mxkmmc" cssClass="width150" />
<select id="mxkmid" name="mxkmid" class="width150" onchange="syncMc(this);updateMxkm(this);">
<option value="">--请选择--</option>
</select>
</td></tr>
</table>
JS：
function syncMc(obj){
var text = obj.options[obj.selectedIndex].text;
var mc = obj.parentNode;//<td>
mc.firstChild.value = text;
alert(obj.parentNode.firstChild);
}
问题：
在alert的时候，只有IE8显示出正确的控件标签元素，其他浏览器均为[object Text]如图，请问我怎么正确根据选择值找到hidden控件并赋值？
备注table是动态添加行的





Answer 1

最简单的是
<td >
<input type="hidden" id="mxkmmc" name="mxkmmc" cssClass="width150" />
改为
<td ><input type="hidden" id="mxkmmc" name="mxkmmc" cssClass="width150" />
也就是说input和select标签不要有空格，因为空格对于ie来说不是子元素，对于其他浏览器来说却是，所以得到的结果不是你想要的，欢迎继续提问，望采纳！

Answer 2

<table cellpadding="0" cellspacing="0" class="bg" border=0 id="sjTable">
<tr><td >
<input type="text" id="mxkmmc" name="mxkmmc" cssClass="width150" />
<select id="mxkmid" name="mxkmid" class="width150" onchange="syncMc(this);">
<option value="">--请选择--</option>
<option value="1">--1--</option>
<option value="2">--2--</option>
<option value="3">--3--</option>
</select>
</td></tr>
</table>
</body>
<script>
function syncMc(obj){
var mxkmmc = document.getElementById("mxkmmc");
mxkmmc.value = obj.value;
alert(obj.value);
}
</script>
使用id唯一获取就行了。如果要根据不懂得选择值，设置不同的input值，也没用必要。后台接收这一个值就行了，前台统一设置它的值不是方便的多吗，硬要你那么做，使用jquery吧，只要你的select与想要设置值得input有dom位置上的国定关系就可以找到并赋值