How to get VALUE from FORM without Submitting it?

Question

I would like to get value from Form without submitting it, because the client have to choose the right type of house model to get the right form that fits the selected house model, without submitting, just selecting the house model and it for example continues the rest of form after that.

I have so far tried with this:

<form method="GET" action="foo.php">
  <select name="house_model">
    <option value="">------</option>
    <option value="<?php echo $model1;?>">Model 1</option>
    <option value="<?php echo $model2;?>">Model 2</option>
    <option value="<?php echo $model3;?>">Model 3</option>
  </select>
</form>

<?php    
$a = $_GET["housemodel"];

if($a<>'')
{
if($a == $model1)
{
   echo "<input type=\"text\" name=\"a\" value=\"something model1\">";
}
else if($a == $model2)
{
   echo "<input type=\"text\" name=\"b\" value=\"something model2\">";
} 
else if($a == $model3)
{
   echo "<input type=\"text\" name=\"c\" value=\"something model3\">";
}
}
?>

You can not do it in this way, because page is already loaded with php script, you can do it by ajax. — Dieepak
– Dieepak, Commented Mar 28, 2013 at 8:12

Bhushan · Accepted Answer · 2013-03-28 08:17:32Z

1

I think, if you dont want page to be refreshed when user selects value from your drop down list, then you can use ajax. AJAX is used for this purpose. if you google, then you will find lots of tutorials related to AJAX.

answered Mar 28, 2013 at 8:17

Bhushan

6,19113 gold badges61 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

UserProg · Accepted Answer · 2013-03-28 08:18:49Z

1

If you don't want to submit the form, use JavaScript to get the element. Or you can also use jquery to access the value. Make sure you put id = "something" and retrieve it using $('#something').val();

if you want to use JavaScript,

<select name="house_model" id="model">
    <option value="">------</option>
    <option value="<?php echo $model1;?>">Model 1</option>
    <option value="<?php echo $model2;?>">Model 2</option>
    <option value="<?php echo $model3;?>">Model 3</option>
</select>

<script type="text/javascript">
    var model= document.getElementById('model');
    alert("You entered: " + model);
</script>

AJAX codes here

 $("#model").live("change", function () {
     alert("You choose " + $('#model').val());
 });

edited Mar 28, 2013 at 8:18

answered Mar 28, 2013 at 8:13

UserProg

6391 gold badge9 silver badges23 bronze badges

Comments

Mahendra · Accepted Answer · 2013-03-28 08:25:56Z

1

IF you don't want to submit your form, you can get element using AJAX/jQuery.

<form method="GET" action="foo.php" onChange="getHouseModel">
  <select name="house_model" id="house_model">
    <option value="">------</option>
    <option value="<?php echo $model1;?>">Model 1</option>
    <option value="<?php echo $model2;?>">Model 2</option>
    <option value="<?php echo $model3;?>">Model 3</option>
  </select>
</form>

<script type='text/javascript'>
   function getHouseModel(){
      var model=$('#house_model').val();
      alert(model);
}
</script>

or you can write jquery like this. so you dont have to call function in tag

<script type="text/javascript">
    $('#house_model').select(function() {
       var model=$('#house_model').val();
      alert(model);
     });
</script>

edited Mar 28, 2013 at 8:25

answered Mar 28, 2013 at 8:18

Mahendra

9031 gold badge18 silver badges39 bronze badges

2 Comments

user2082882 Over a year ago

How can i get this function into variable or something for comparing it with the $models?

jned29 Over a year ago

can you get it with php and not use javascript/jquery code?

Jozef Legény · Accepted Answer · 2013-03-28 08:15:18Z

0

There is no way of getting data from a form before submitting in in PHP! This is because before submitting the form the PHP script simply is not called.

If you want to do some validation before sending data you must use javascript which is run on the client browser. Have a look at the jQuery library which makes this very easy: http://docs.jquery.com/Plugins/Validation/validate

If you want to use PHP only then you will need to separate the form into two pages.

answered Mar 28, 2013 at 8:15

Jozef Legény

1,1671 gold badge11 silver badges26 bronze badges

Comments

웃웃웃웃웃 · Accepted Answer · 2013-03-28 08:16:01Z

0

You have to use ajax for achiving this.For example

<form method="GET" action="foo.php">
  <select name="house_model" id="house_model">
    <option value="">------</option>
    <option value="<?php echo $model1;?>">Model 1</option>
    <option value="<?php echo $model2;?>">Model 2</option>
    <option value="<?php echo $model3;?>">Model 3</option>
  </select>
</form>

 $("#house_model").live("change", function () {
   //Write the ajax and post the value to server side
    });

answered Mar 28, 2013 at 8:16

웃웃웃웃웃

12k15 gold badges63 silver badges95 bronze badges

Collectives™ on Stack Overflow

How to get VALUE from FORM without Submitting it?

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related