Jquery change p text programmatically

Question

EDIT  The solution was to add this to the profile page instead of the gender page       profile   live   pageinit  function event      p pTest   text localStorage getItem  gender            I have a paragraph with som text in a listview that I want to change programatically from another page after clikcing save    EDIT  This is my listview in profile html  When you click on the item you get to another page where you can save your gender  I want to change the paragraph in this listview to the gender that was changed from the other page     lt ul data-role  listview     gt       lt li gt  lt a href  gender html  gt           lt img src  images gender2 jpg    gt           lt h3 gt Gender lt  h3 gt           lt p id  pTest  gt Male lt  p gt       lt  a gt  lt  li gt   lt  ul gt    The gender html page is just basic stuff with two radio buttons and a save button   Here is my javascript code in a seperate file         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                  I have tried this with javascript     p pTest   text  test     The text does not change however   I know that the save button works   Is this possible

User · Answer

It seems you have the click event wrapped around a custom event name "pageinit", are you sure you're triggered the event before you click the button?

something like this:

$("#gender").trigger("pageinit");

User · Answer

saving  is something wholly different from changing paragraph content with jquery    If you need to save changes you will have to write them to your server somehow  likely form submission along with all the security and input sanitizing that entails   If you have information that is saved on the server then you are no longer changing the content of a paragraph  you are drawing a paragraph with dynamic content  either from a database or a file which your server altered when you did the  saving      Judging by your question  this is a topic on which you will have to do MUCH more research   Input page  input html     lt form action   saveMyParagraph php  gt       lt input name  pContent  type  text  gt  lt  input gt   lt  form gt    Saving page  saveMyParagraph php  and Ouput page  output php    Inserting Data Into a MySQL Database using PHP

User · Answer

Try the following  note that when user refreshes the page  the value is  Male  again  data should be stored on database    lt p id  pTest  gt Male lt  p gt   lt button gt change lt  button gt    lt script gt     button   click function             pTest   text  test       lt  script gt    http   jsfiddle net CA5Cs

[javascript] Jquery change <p> text programmatically

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to jquery-mobile