2012-10-15 43 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