2011-10-19 7 views
1

問題があります...フォーム要素をjQueryのページに追加しています。しかし、私はjsでフォーム要素にアクセスすることはできません。私はdomがロードされており、form要素がDOM内で利用できないため、これが考えられます。これのための回避策はありますか?私はフォームの中にIframeを追加することができますが、むしろそうはならないことを知っています。jQueryがフォームに追加された要素にアクセスできない

HERESに例...

<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

あなたは、以下に示す2つの単一引用符を持っていないのはなぜ?

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

私は二重チェック、あなたはJSがエラーを投げているだけの場合には、コンソールですべてのエラーを取得していないことを確認します。あなたのコードは私のために働きますhttp://jsfiddle.net/4xxGJ/

+0

私の悪いこれは単なる例です。ただし、type属性のためではありません。あたかも要素値が存在するかのようです。 – Christopher

+0

jQueryを追加してもDOMには入力が表示されません。 ID「入力」が無効か、入力が無効になっている可能性があります。ここに証拠があります:http://jsfiddle.net/fBghY/ –

+0

あなたが投稿したコードは、いくつかの誤植が私のために固定されていますhttp://jsfiddle.net/4xxGJ/ –