试图在IE8

Question

我有一个输入表单，嵌套一个div中，这样定义得到形式值时入门未定义：

<div class="login-input"> 
    <input type="text" name="userId"> 
</div> 

我已经添加下面的按钮，并为click事件里面按钮，我有这样的代码：

 click: function(){ 
      var user = document.getElementsByName(inputTitle)[0].value; 
      var myRequest = new Request({ 
       url: '/Context/servletName', 
       method: 'post', 
       data: {'user': user}, 
       onRequest: function(){ 
        $('container').setStyle('cursor', 'progress'); 
       }, 
       onSuccess: function(responseText){ 
        $('container').setStyle('cursor', 'auto'); 
        window.location = responseText; 
       }, 
       onFailure: function(){ 
        $('container').setStyle('cursor', 'auto'); 
       } 
      }); 
      myRequest.send(); 
     } 

这工作正常，在所有到目前为止，我已经测试过的浏览器（Chrome浏览器，FF，Safari浏览器），但在IE8，下面的代码行导致的问题：

var user = document.getElementsByName(inputTitle)[0].value; 

我在IE开发工具中验证了inputTitle的值为“userId”。问题是

document.getElementsByName(inputTitle)[0]; 

未定义。

我也做了一些玩耍。添加此观看的回报是什么样子的有效对象：

// Returns valid object 
document.getElementsByName(inputTitle); 

// Returns null 
document.getElementsByName(inputTitle).item(0); 
document.getElementsByName(inputTitle).value; 

和往常一样，在此先感谢...

编辑：证明我不是疯了....

Answer 1

我做了一个快速测试案例来证明代码的工作 - http://jsfiddle.net/DmmcE/（在IE8上测试）。

做一个：

var user = document.getElementsByName('userId')[0]; 

返回[object HTMLInputElement]。

这意味着，您传递的inputTitle没有传递正确的东西。

这就是说，由于您使用MooTools的，为什么不这样做MooTools的方式：

document.getElement('input[name=userId]').get('value'); 

例子：http://jsfiddle.net/UZTK4/

Answer 2

你试过.innerHTML。

希望它的作品！

Answer 3

我推荐使用id和getElementById来代替。这应该更可靠和更快;任何支持JavaScript的应该支持getElementById。

有点谷歌搜索暗示IE和getElementsByName真的不相处得很好。我通常使用ID属性来指代特定的元素，并且很少在原始JavaScript中用于DOM纠缠，所以我不能说具体是什么错误。

Answer 4

尝试使用jQuery来获得，而不是元素：

$("input[@name='inputTitle']").click(

这里有更多的信息，一个很好的链接 http://jivebay.com/2007/05/30/handling-checkboxes-radio-buttons-and-select-options-in-jquery/