2012-10-15 84 views
0

嗨表單域我有這樣的HTML代碼,顯示輸入字段:如何設置使用jQuery

<div data-role="content" data-theme="a"> 
       <div id="#wijzig"> 
        <h3>Uw e-mail adres</h3> 

        <p> 
         <input type="button" onclick="$(this).closest('.ui-btn').hide(); $('form').show();" value="Wijzig mijn e-mailadres" /> 
        </p> 


        <form action="javascript:getUpdateValues();" method="post" style="display:none;"> 
         <div class="ui-grid-a"> 
          <div class="ui-block-a">E-Mail: <input type="text" id="email" name="email" style = "margin-top: .6em; padding-right: 0px" /></div> 
          <div class="ui-block-b" style="width: 100px;"><br/><input type="submit" value="Wijzig" /></div> 
         </div> 
        </form> 
       </div> 
      </div> 

什麼我想要做的是,如果顯示此輸入字段,它也顯示了現有用戶電子郵件,它來自JSON:

var myData = [ 
        {"Email":"[email protected]","Wachtwoord":"blabla"} 
        ]; 



     $.each(myData, function(index, element) { 

      $("#email").val(element.Email); 


      }); 

遺憾的是它不即輸入領域的工作將不包含從硬編碼JSON的電子郵件,任何想法,爲什麼?

回答

4

$("#email").append(element.Email);是錯的,如果你想將值設置爲輸入框,你應該

$("#email").val(element.Email); 

.VAL(值) - 在一組匹配的 元素的設置每個元素的值。

Read more here about .val()

Try the demo here

,如果你遇到任何問題,讓我知道。希望這能解決你的問題。

+0

嗨,也沒有工作:( – bdz

+0

你看過演示了嗎?它工作正常有 – Techie

+0

是的,我看到它在那裏工作,這很奇怪,因爲它不會在這裏,,即時使用Phonegap的方式..也許多數民衆贊成的問題 – bdz