如何从FORM中获取VALUE但不提交它？

本文介绍了如何从FORM中获取VALUE但不提交它？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我想在没有提交的情况下从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>