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

Question

<?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>";
?>

该代码是我用于选择服务并输入号码的下拉菜单。

我想在输入数字时得到结果（PRINT OUT THE NUMBER）。

    -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

我的英语也很抱歉。

谢谢。

Answer 1

为您的输入和目标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);
    });
}