显示选择何时在其他选择ajax php上进行更改

时间:2015-01-18 00:08:52

标签: php ajax select

我有一个代码,我不知道我的问题是什么。 我试图从其他选择打开另一个选择,并在新的选择选项中获取旧的选择值,但我不能这样做,我不知道为什么。 这是我的代码,我的页面我在其中编写了名为mekha.php的代码:

  <html>
  <head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
function showUser(str) {
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("makhfe").style.display = "block";
            }
        }
        xmlhttp.open("GET","mekha.php?q="+str,true);
        xmlhttp.send();
}

</script>
</head>
<body>
<?php
if(isset($_GET["q"]))
{
echo $_GET["q"];
}
?>
<select id="firstselect" onchange="showUser(this.value)">
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

<select style="display:none;" id="makhfe">
    <option value="1">One</option>
    <option value="2"><?=intval($_GET["q"])?></option>
</select>
</body>
</html>

有什么帮助吗?

1 个答案:

答案 0 :(得分:0)

这样的事情应该有效:

 $("#firstselect").change(function() {
    value = $("#firstselect").val();
    data = {"value": value };
    $.post("server_ajax_link.php", data)
       .done(function(data) {
         new_data = data.new_value_from_server;
     });

    $("#makhfe").show();
    $("#makhfe[value='2']").text(new_data );
});

有关更简单的示例,请查看此处的文档:http://api.jquery.com/jquery.post/