从下拉列表中获取值后动态填充字段

zd287kbt  于 2021-06-18  发布在  Mysql
关注(0)|答案(2)|浏览(391)

我有一个表单,它使用下拉菜单来选择一个选项。选择该选项后,我想从my db中获取一个值,用相应的值填充下一个字段(在场景中是获取租赁物业的平方英尺-但该值可以编辑)
这是我可以选择的字段:

  1. <div>
  2. <label class="control-label " for="local">Local</label>
  3. <select class="select form-control" id="local" name="local" ><?php echo $lista_fraccoes;?></select>
  4. </div>

在此之后,我有了获取数据的脚本:

  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  2. <script>
  3. $('#local').on('change', function(){
  4. var .local = this.value;
  5. $.ajax({
  6. type: "POST",
  7. url: "area_fraccao.php",
  8. data:'local='+local,
  9. success: function(result){
  10. $("#area").value(result);
  11. }
  12. });
  13. });
  14. </script>

在这之后,我有了一个我想要填充的字段:

  1. <div class="form-group m-2 ">
  2. <label class="control-label " for="area" type="value">Area</label>
  3. <div class="input-group">
  4. <div class="input-group-addon">
  5. <i class="fas fa-ruler-combined"></i>
  6. </i>
  7. </div>
  8. <input class="form-control" id="area" name="area" placeholder="Em m2" type="value" value=""/>
  9. </div>

area_fraccao.php 文件是获取相应值的位置:

  1. require_once 'config.php';
  2. require_once 'functions.php';
  3. $local = $_GET['local'];
  4. $query_area = "SELECT * FROM TbFraccao WHERE PkFraccao=" . $local;
  5. $result_area = mysqli_query($link, $query_area);
  6. while ($row_area = mysqli_fetch_assoc($result_area)){
  7. $area = $row_area['FraccaoArea'];
  8. echo $area;
  9. };

我使用的解决方案是在webinspector中显示以下错误

我使用的代码将根据给定的建议进行更新。

tyky79it

tyky79it1#

看看你的代码,代码看起来没问题。请检查运行查询是否成功,检查是否至少有一个结果,并在结束括号后删除分号,以确保查询没有错误。

  1. if($result_area = mysqli_query($link, $query_area)){//the query is Ok
  2. if(mysqli_num_rows($result_area)>0){//check there is atleast one result
  3. while ($row_area = mysqli_fetch_assoc($result_area)){
  4. $area = $row_area['FraccaoArea'];
  5. echo $area;
  6. }
  7. }
  8. }
  9. else{//you have an error when writing your query
  10. echo 'Wrong query';
  11. }

如果这样做无济于事,那么问题可能是您在保存期间没有清理数据,并且该数据中的某些字符会干扰查询。向我们展示如何在保存数据之前进行过滤。

px9o7tmv

px9o7tmv2#

使用jquery的value方法设置输入元素的值

  1. $("#area").value(result);

html()方法用于设置元素的innerhtml

相关问题