jQuery Mobile如何将文本设置为多个输入值

时间:2014-12-18 10:09:42

标签: javascript jquery jquery-mobile

jQM代码

for(var key in sessionStorage)
{
    var item = sessionStorage.getItem(key);
    var viewItem = $.parseJSON(item);
    var titleR = viewItem.title;
    $(".showTitleR").val(titleR);
}

html代码

<div role="main" class="ui-content">
    <div>
         <input class="showTitleR" type="text" value="one and last value" />
    </div>
</div>

问题是我只能设置一个和最后一个值。 我想要的是所有键的列表:

<div role="main" class="ui-content">
    <div>
         <input class="showTitleR" type="text" value="first" />
         <input class="showTitleR" type="text" value="..." />
         <input class="showTitleR" type="text" value="last" />
    </div>
</div>

我该如何解决?任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:0)

从我看到的内容以及我是否正确理解你想要做什么 - 你正在为同一个HTML元素改变价值。您可以创建新的HTML元素或克隆当前值,然后更改其值。

var item = $(".showTitleR");

item.clone().append(item.parent());

答案 1 :(得分:0)

试试这个:

for(var key in sessionStorage){
    var item = sessionStorage.getItem(key);
    var viewItem = $.parseJSON(item);
    var titleR = viewItem.title;
    $(".showTitleR:eq(0)").clone().val(titleR).insertAfter($(".showTitleR:last");
}