Home/ Questions/Q 8646885
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T12:55:40+00:00

I have a simple form whereby an input field is given a value if

  • 0

I have a simple form whereby an input field is given a value if a certain button is clicked. The problem is it takes to long to reload the page and I would like to submit it without refreshing the page. I have tried adapting certain AJAX,JQuery scripts from different types but they haven’t worked, can anyone suggest a some simple code to use. Here is the basic example:

<html>
<form method='POST' action='test2.php'>
<input type='text' name='input_a' value='<?php if($_POST['submit_a'])
{
   echo "test1";
} ?>'>

<input type='submit' name='submit_a' value='a'>
<input type='text' name='input_b' value='<?php if($_POST['submit_b'])
{
    echo "test2";
}?>'>

<input type='submit' name='submit_b' value='b'>
</form>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I adapted this using vanilla javascript only, if the use case really is this basic. If server side access is needed, this solution will not help, and you’re going to have to learn more about how Ajax works.

    HTML:

    <html>
<form>
   <input type='text' name='input_a' id="input_a"/><input type='submit' name='submit_a' value="a" onclick="setInput(this, 'test1'); return false;">
   <input type='text' name='input_b' id="input_b"/><input type='submit' name='submit_b' value="b" onclick="setInput(this, 'test2'); return false;">
</form>
</html>​

    Javascript:

    function setInput(button, setValue) {
    var buttonVal = button.value,
        textbox = document.getElementById('input_' + buttonVal);

    textbox.value = setValue;
}​

    Here is the example working in JSFiddle:
    http://jsfiddle.net/6jpNf/1/

    • 0