PHP form button to submit session and change text onclick

Question

I want to change a session value and a <p> text using submit type button. However, the session does changed, but the text not changed.
Here's the PHP codes inside the body.

<?php
  if (isset($_POST['lang']) == true && !empty($_POST['lang'])) {
    $_SESSION["language"]=$_POST['lang'];
  }
?>

<p>My Name is Khan</p>

<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'])?>" method="post">
    <button type="submit" name="lang" value="jpn" id="jpn">日本語</button>
    <button type="submit" name="lang" value="eng" id="eng">English</button>
</form>

Here's the Javascript codes

$(document).ready(function(){
   　$("#jpn").on('click', function(){
    　　$("p").text("私の名前はハーンです");
　　});

　　$("#eng").on('click', function(){
    　　$("p").text("My name is Khan");
    });
});

When I click the Japanese button, the text changed for a flash but changed back to the original.
How can I fix this? thank you..

Gvidas · Accepted Answer · 2016-06-27 06:03:44Z

Problem is that you also submitting form, which reloads page if you don't want to reload page add preventDefault() - it will not submit form.

$(document).ready(function(){
   　$("#jpn").on('click', function(e){
        e.preventDefault();
    　　$("p").text("私の名前はハーンです");
　　});

　　$("#eng").on('click', function(e){
        e.preventDefault();
    　　$("p").text("My name is Khan");
    });
});

But if you need to reload page to set your session, then you need to change text in paragraph with php:

<?php
  if (isset($_POST['lang']) == true && !empty($_POST['lang'])) {
    $_SESSION["language"]=$_POST['lang'];
    if($_POST['lang'] == 'jpn'){
      echo '<p>私の名前はハーンです</p>';
    }else{
      echo '<p>My Name is Khan</p>';        
    }
  }
?>



<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'])?>" method="post">
    <button type="submit" name="lang" value="jpn" id="jpn">日本語</button>
    <button type="submit" name="lang" value="eng" id="eng">English</button>
</form>

eisbehr · Accepted Answer · 2016-06-27 06:14:20Z

1.) php's isset returns an boolean, no need to check == true.

if( isset($_POST['lang']) && !empty($_POST['lang']) )
    $_SESSION["language"] = $_POST['lang'];

2.) If you want to post a form to the same document, you can leave the action of your form just empty as well.

<form action="" method="post">
</form>

3.) You should write the initial state to the document by php, to prevent the wrong display when the user hit's reload. Otherwise the user will submit the form, the variable will be set, but after reload alsways the text My name is Khan will be shown.

You can do it like this, for example in a single line:

echo "<p>" . ($_SESSION["lang"] == "jpn" ? "私の名前はハーンです" : "My name is Khan") . "</p>";

Or as complete if:

if( $_SESSION["lang"] == "jpn" )
    echo "<p>私の名前はハーンです</p>";
else
    echo "<p>My name is Khan</p>";

DiniZx · Accepted Answer · 2016-06-27 06:06:41Z

0

$(document).ready(function(){
   　$("#jpn").on('click', function(){
    　　$("p").text("私の名前はハーンです");
　　});

　　$("#eng").on('click', function(){
    　　$("p").text("My name is Khan");
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>My Name is Khan</p>

<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF'])?>" method="post">
    <button type="submit" name="lang" value="jpn" id="jpn">日本語</button>
    <button type="submit" name="lang" value="eng" id="eng">English</button>
</form>

answered Jun 27, 2016 at 6:06

DiniZx

12610 bronze badges

Comments

Kiran Patel · Accepted Answer · 2016-06-27 06:30:30Z

0

<p><?php echo (isset($_SESSION["language"]) && $_SESSION["language"] == 'jpn') ? '私の名前はハーンです':'My name is Khan';?></p>

just put this condition in

tag

answered Jun 27, 2016 at 6:30

Kiran Patel

3791 silver badge6 bronze badges

Comments

Jack jdeoel · Accepted Answer · 2016-06-27 06:47:30Z

0

This is because form action is going with refresh .You need to prevent by js event

$(document).ready(function(){
   　$("form").on('click','#jpn', function(e){
        e.preventDefault();
    　　$("p").text("私の名前はハーンです");
　  　});

　　$("form").on('click','#eng', function(e){
        e.preventDefault();
    　　$("p").text("My name is Khan");
    });
});

answered Jun 27, 2016 at 6:47

Jack jdeoel

4,5886 gold badges28 silver badges57 bronze badges

Collectives™ on Stack Overflow

PHP form button to submit session and change text onclick

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related