javascript – Jquery以编程方式更改文本

编辑：解决方案是将其添加到个人资料页面而不是性别页面.

$('#profile').live( 'pageinit',function(event){
$('p#pTest').text(localStorage.getItem('gender'));

});

我在一个列表视图中有一个som文本的段落,我想在clikiving保存后从另一个页面程序更改.

编辑：这是我在profile.html中的列表.当您单击该项目时,您可以访问另一个可以保存性别的页面.我想将此列表视图中的段落更改为从其他页面更改的性别.

<ul data-role="listview"   >
        <li><a href="gender.html">
            <img src="images/gender2.jpg" />
            <h3>Gender</h3>
            <p id="pTest">Male</p>
        </a></li> </ul>


The gender html page is just basic stuff with two radio buttons and a save button.

这是我的JavaScript代码(在一个单独的文件)：

enter code here
$('#gender').live('pageinit',function(event) {

var gender = localStorage.getItem('gender');
var boolMale = true;
if (gender == "female") boolMale = false;
$('#radio-choice-male').attr("checked",boolMale).checkBoxradio("refresh");
$('#radio-choice-female').attr("checked",!boolMale).checkBoxradio("refresh");

$('#saveGenderButton').click(function() {
    if ($('#radio-choice-male').is(':checked'))
        localStorage.setItem('gender',"male");
    else localStorage.setItem('gender',"female");

    $('#pTest').html('test'); //does not work
     //$('p#pTest').text('test'); //does not work
     //$('#pTest').text('test'); //does not work
    $.mobile.changePage("profile.html");

});

});

我已经尝试过javascript：$(‘p#pTest’).text(‘test’);

但是文字没有改变. (我知道保存按钮有效).这可能吗？

解决方法

请尝试以下操作,请注意,当用户刷新页面时,值为“Male”,数据应存储在数据库中.

<p id="pTest">Male</p>
<button>change</button>

<script>
$('button').click(function(){
     $('#pTest').text('test')
})
</script>

http://jsfiddle.net/CA5Cs/

原文链接：https://www.f2er.com/jquery/150171.html

javascript – Jquery以编程方式更改文本

解决方法

猜你在找的jQuery相关文章