Jquery 如何在下拉列表选择和搜索按钮之间建立连接？_Jquery

Jquery 如何在下拉列表选择和搜索按钮之间建立连接？

jquery

Jquery 如何在下拉列表选择和搜索按钮之间建立连接？,jquery,Jquery,/*/*我在代码中添加了一个按钮。。无论何时单击，我都希望根据使用下拉列表所做的选择显示结果。。但它显示的结果与选择无关。如何在两者之间建立连接// 当前，当父目录更改时，正在加载子目录。您只需要调整jQuery以在单击按钮时加载即可首先，给按钮一个ID <?php include('config.php'); $query_parent = mysql_query("SELECT * FROM states") or die("Query failed: ".mysql_error

/*/*我在代码中添加了一个按钮。。无论何时单击，我都希望根据使用下拉列表所做的选择显示结果。。但它显示的结果与选择无关。如何在两者之间建立连接//

当前，当父目录更改时，正在加载子目录。您只需要调整jQuery以在单击按钮时加载即可

首先，给按钮一个ID

<?php 
include('config.php'); 
$query_parent = mysql_query("SELECT * FROM states") or die("Query failed: ".mysql_error());
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Dependent DropDown List</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {

    $("#parent_cat").change(function() {
        $(this).after('<div id="loader"><img src="img/loading.gif" alt="loading subcategory" /></div>');
        $.get('loadsubcat.php?parent_cat=' + $(this).val(), function(data) {
            $("#sub_cat").html(data);
            $('#loader').slideUp(200, function() {
                $(this).remove();
            });
        }); 
    });

});
</script>
</head>

<body>
<form method="get">
    <label for="category">Select State</label>
    <select name="parent_cat" id="parent_cat">
        <?php while($row = mysql_fetch_array($query_parent)): ?>
        <option value="<?php echo $row['id']; ?>"><?php echo $row['state_name']; ?></option>
        <?php endwhile; ?>
    </select>
    <br/><br/>

    <label>Select District</label>
    <select name="sub_cat" id="sub_cat"></select>


<button type="submit" formaction="demo.php">Search</button>
</form>
</form>
</body>
</html>

当您使用AJAX来处理加载时，提交按钮甚至表单都不需要。如果确实使用提交按钮，请确保取消提交事件，以便浏览器不会提交表单

jQueryAPI文档

这个文件是demo.php吗？@SridharR抱歉，我没有理解您…当您从列表中选择一个选项时，它当前是否做了正确的事情？@Wireblue是的！！它确实。。。

<button type="button" id="search_btn">Search</button>

$("#search_btn").click(function(){
// ...