2011-10-19 109 views
1

有问题...我正在用jQuery将表单元素附加到页面。不过,我不能用js访问表单元素。我认为这是因为dom已经加载并且表单元素在dom中不可用。有没有解决这个问题的方法。我知道我可以在里面附加一个Iframe,但宁可不要。jQuery无法访问表单附加元素

这里有一个例子...

<body> 

    <div id=wrapper> 
    </div> 
     <div onlclick='newInput()'> 
      Add Detail... 
     </div> 
    </body> 

而jQuery的...

function newInput(){ 

    var container = "<div id='input-container'><input id='input' type='text' value='insert new data here'></input><div id='submit onclick='submitInput()'>SUBMIT</div>"; 


    $('div#wrapper').append(container); 

    } 

    function submitInput(){ 

    var input = document.getElementById('input').value; 

    ....do stuff with ne input here.... 
    } 

回答

0

为什么你有如下两个单引号?

onclick='submitInput()'' <--- 

我会仔细检查并确保在控制台中没有出现任何错误,以防js发生错误。你的代码适用于我http://jsfiddle.net/4xxGJ/

+0

我不好,这只是一个例子。但它不是因为type属性。这几乎就像元素价值剂量存在一样。 – Christopher

+0

附加jQuery不会使输入对DOM不可见。 ID'输入'可能是无效的,或者是其他的输入无效。这是证明:http://jsfiddle.net/fBghY/ –

+0

克里斯您发布的代码,与一些错别字固定为我工作http://jsfiddle.net/4xxGJ/ –