Question

单击提交按钮时，我想要一个获取文本框值的代码。它必须是Ajax。这是我到目前为止尝试过的代码。但我笨重地开始工作......

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

Ajax代码

<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'];
}

Answer 1

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'];
}

Answer 2

你这里有问题

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

您正在使用id =“sub”作为提交按钮，但您没有为该按钮分配ID，因此请将ID提交为id =“sub”。

Answer 3

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

$('#elementid').val()

在按钮单击时使用ajax获取文本框文本

3 个答案: