如何从FORM中获取VALUE但不提交它？ [英] How to get VALUE from FORM without Submitting it?

问题描述

我想在没有提交的情况下从Form获得价值，因为客户必须选择正确的房屋类型来获得适合选定房屋模型的正确表格，而不必提交，只需选择房屋模型，然后选择例子继续其余的形式之后。

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\">";
}
}
?>        

推荐答案

如果您不想提交表单，您可以使用AJAX / jQuery获取元素。

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>

或者您可以像这样编写jquery。所以你不必在标签中调用函数

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>

这篇关于如何从FORM中获取VALUE但不提交它？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！