Question

我在php网页上有html。《标准法典》如下。

<html>
<head>
</head>
<body>
<form>
<select name="users" onchange="showUser(this.value)">
<option value="">Select a person:</option>
<option value="1">Peter Griffin</option>
<option value="2">Lois Griffin</option>
<option value="3">Glenn Quagmire</option>
<option value="4">Joseph Swanson</option>
</select>
<br>
<select name="job" >
</select>
<br>
<input name="salary" type="text">
<br>
<input name="Submit" type="submit" value="Submit">
</form>
<br>
</body>
</html>

以上表格在点击 submit提交书后,用javascript执行了一些鉴定书,并在鉴定后,这些表格按计划使用java文字提交。

这一要求是,我从第一个选择箱中选择一个价值;第二个选择箱应填充一些价值。第二个选箱中的这些数值来自数据库。由于我知道在日本宇宙航空研究开发机构的任何东西,但我想利用美国宇宙航空研究开发机构以及javascript/jquery来做到这一点,因为只要我从首个选择箱中选择任何价值,就不应提交表格,或者不应仅仅重新更新第二个选择箱,从数据库中填满新的价值。

Please guide me friends in solving this. Thank you!

Answer 1

<><><><>>><>>>>><>>>>>>

<select id="job" name="job" >
</select>

jQuery

function showUser(value){

        $("#job").get(0).options.length = 0;
        $("#job").get(0).options[0] = new Option("Loading jobs", "-1"); 

        $.ajax({
            type: "POST",
            url: "Default.aspx/GetJobs",
            data: "{userID:" + value+ "}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(msg) {
                $("#job").get(0).options.length = 0;
                $("#job").get(0).options[0] = new Option("Select job", "-1"); 

                $.each(msg.d, function(index, item) {
                    $("#job").get(0).options[$("#job").get(0).options.length] = new Option(item.Display, item.Value);
                });
            },
            error: function() {
                $("#job").get(0).options.length = 0;
                alert("Failed to load jobs");
            }
        });
}

摘自。

友情链接