如何从下拉列表中获取值并使用它来查询然后显示结果

时间:2014-07-18 07:51:50

标签: javascript php jquery html ajax

<?php
$qry = " select * from `HX_tableService` ";
$result = mysql_query($qry, $link);
$serviceList = array();
while($row = mysql_fetch_array($result)) {
    $serviceList[$row['serviceID']] = $row['serviceName'];  
}

    echo "<select class=\"inputform\" name=\"selectedservice\" required> <option value=\"\">---- select ----</option> ";
    foreach ($serviceList as $serviceID => $serviceName) {
        echo "<option value=\"".$serviceID."\">".$serviceName."</option>";
    }

echo "</selected>";

echo "<table width=\"350px\" border=\"1\" >";
echo "<tr>";
echo "<td> <input type=\"number\" max = \"100\" min =\"1\"onkeypress=\"validate(event)\" name=\"serieNumber\" placeholder=\"No.\"/ required></td>";
echo "<td> PRINT OUT THE NUMBER </td>";
echo "</tr>";
echo "</table>";
?>

此代码是我的下拉菜单,用于选择服务并输入数字。

我希望在键入数字时得到结果(打印出数字)。

    -get value from selected series
    -get value from input number box
    -use both value query from my database
    -show result on next column

如果我解释我的问题不清楚,抱歉。你也可以在这个链接上看到我的附件图片。

http://www.uppic.org/image-8C74_53C8D1D6.jpg

对不起我的英语。

感谢。

1 个答案:

答案 0 :(得分:0)

为输入和目标td设置id属性。之后你可以这样做:

$('#number').on('keyup', getData);
$('#selectedservice').on('change', getData);

function getData() {

    $.ajax({
        type: "POST",
        url: "some.php",
        data: {
            number: $('#number').val(),
            selectedservice: $('#selectedservice').val()
        }
    })
        .done(function (msg) {
        $('#target').html("Data Saved: " + msg);
    });
}