1

我想要一个在单击提交按钮时获取文本框值的代码。它一定是 Ajax。这是我到目前为止尝试过的代码。但我很高兴开始工作....

<form action="" method="post">
<p>Route No :
<input type="text" name="route_no" required="required" />
<input type="submit" value="Search" name="search" />
</form>

阿贾克斯代码

<script type="text/javascript">
$(document).ready(function() {
$("#sub").click(function() {
var textboxvalue = $('name or id of textfield').val();
$.ajax({
    type: "POST",
    url: 'ajaxPage.php',
    data: {txt1: textboxvalue},
    success: function(result) {
        $("div").html(result);
    }
});
});
});​
</script>

PHP 代码

$txt = null;
if((isset($_POST)) && (isset($_POST['txt1'])))
{
echo $txt = $_POST['txt1'];
}
4

3 回答 3

7

HTML：

<label for="route_no">Route No:</label><input type="text" id="route_no" name="route_no" required="required" />
<input type="button" value="Search" id="search" />
<div id="result"></div>

JavaScript：

$(document).ready(function()
{
    $("#search").click(function()
    {
        var textboxvalue = $('input[name="route_no"]').val();

        $.ajax(
        {
            type: "POST",
            url: 'ajaxPage.php',
            data: {txt1: textboxvalue},
            success: function(result)
            {
                $("#result").html(result);
            }
        });
    });
});​

ajaxPage.php：

if(isset($_POST) && isset($_POST['txt1']))
{
    echo $_POST['txt1'];
}
于 2013-04-23T03:46:37.893 回答
2

你这里有问题

$("#sub").click(function() {

您正在使用 id="sub" 作为提交按钮，但您没有为该按钮分配 id，因此将提交按钮的 id 指定为 id="sub"。

于 2013-04-23T03:34:47.797 回答
2

要获取文本框的值，您可以使用：

$('#elementid').val()
于 2013-04-23T03:35:42.980 回答