jQuery无法访问表单附加元素

时间:2011-10-19 02:05:52

标签: jquery events dom append element

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

以下是一个例子......

    <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....
   }

1 个答案:

答案 0 :(得分:0)

为什么下面有两个单引号?

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

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