html - 在 html 选择字段中编写 mysql 查询

Question

例如

<select><option>Price</option></select>

$sql=mysql_query("SELECT `rug_catagory_id` , `rug_price`                            
FROM `rugs_all_data`                            
WHERE `rug_catagory_id` =1                            
ORDER BY `rug_price` ASC                           
LIMIT 0 , 30") or die(mysql_error());  

我想单击“价格”选项字段而不是运行此查询.. 指导我这个？？};

Answer 1

使用 Javascript 识别选项选择事件并使用 ajax 调用您的服务器端，例如 php 并从 php 执行您的数据库操作并在前端显示结果

HTML

<form>
  <select class="target">
    <option value="price" selected="selected">Price</option>
    <option value="option2">Option 2</option>
  </select>
</form>

JS

$( ".target" ).change(function() {
  //use ajax call to server page
$.ajax({
  url: "test.php",//pass data to php and do all db stuffs
  context: document.body
}).done(function() {//callback function
  //do operations on success
});
});

PHP

//get form data
//open mysql connection
//query db
//return result 

Answer 2

当点击价格选项时，使用 jQuery 编写代码

$('document').ready(function(){
     $("#price").click(function(){
             $.post(
                    "price.php",function(result){
                          alert(resule)
                     }
              );
     });
});

现在将该查询写入 price.php 文件并回显价格，您将获得该价格的结果。