Question

您好我有这个显示输入字段的HTML代码：

<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":"asdads@asd.com","Wachtwoord":"blabla"}
                  ];



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

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


           });

不幸的是它不起作用，即输入字段不包含来自硬编码JSON的电子邮件，任何想法为什么？

Answer 1

如果你想将值设置到输入框，

$("#email").append(element.Email);是错误的，你应该

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

.val（value） - 设置匹配集中每个元素的值元件。

Read more here about .val()

的 Try the demo here 的

如果您遇到任何问题请告诉我。希望这能解决你的问题。

Answer 2

工作演示 http://jsfiddle.net/6JZ6E/

http://api.jquery.com/val/ ==＆gt; $("#email").val(element.Email);

休息符合需要:)

<强>码

var myData = [
    {
    "Email": "nuri@ensing",
    "Wachtwoord": "blabla"}
];



$.each(myData, function(index, element) {
alert(element.Email);
    $("#email").val(element.Email);


});

如何使用jquery设置表单字段

2 个答案: