Breaking News: Grepper is joining You.com. Read the official announcement!

change input box and submit text after click

Ab R Rakib answered on August 31, 2021 Popularity 1/10 Helpfulness 1/10

answer change input box and submit text after click

change input box and submit text after click

Comment

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#change").click(function(){
  var $name = $(this);
  if(this.value=="percent"){
     $("#percent_input").show();
    	$("#flat_input").hide();
        this.value = 'flat';
        $name.text('Flat');

    }else{
       $("#percent_input").hide();
    	$("#flat_input").show();
        this.value = 'percent';
        $name.text('Percent');  
    } 
  });
  
});
</script>
</head>
<body>

<button id="change" value="percent">Percent</button>

<input id="percent_input" style="display:none" placeholder="Percent">
<input id="flat_input" style="display:none" placeholder="Flat">

</body>
</html>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: box click input javascript submit text

Link to this answer
Share Copy Link

Contributed on Aug 31 2021

Ab R Rakib

0 Answers Avg Quality 2/10

change input box and submit text after click

Contents

More Related Answers

change input box and submit text after click

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.