获取使用AJAX按钮单击文本框的文本 [英] Get the textbox Text using ajax on button click

问题描述

我希望有一个$ C $下获取文本框的值被点击按钮时提交。它必须是Ajax.Here是code我尝试了far.But我culdent去上班......

 ＆LT;形式的行动=的方法=邮报＆GT;
＆LT; P＆GT;路线编号：
＆LT;输入类型=文本名称=route_no需要=必要/＆GT;
＆LT;输入类型=提交值=搜索NAME =搜索/＆GT;
＆LT; /形式GT;
 

阿贾克斯code

 ＆LT;脚本类型=文/ JavaScript的＆GT;
$（文件）。就绪（函数（）{
$（＃子）。点击（函数（）{
VAR textboxvalue = $（'名称或文本框的ID）VAL（）。
$阿贾克斯（{
    键入：POST，
    网址：ajaxPage.php，
    数据：{TXT1：textboxvalue}，
    成功：函数（结果）{
        $（格）HTML（结果）;
    }
}）;
}）;
}）;
＆LT; / SCRIPT＆GT;
 

PHP code

  $ TXT = NULL;
如果（（使用isset（$ _ POST））及及（使用isset（$ _ POST ['TXT1']）））
{
回声$的txt = $ _ POST ['TXT1'];
}
 

解决方案

HTML：

 ＆LT;标签=route_no＆GT;路线编号：LT; /标签＆gt;＆LT;输入类型=文本ID =route_noNAME =route_no要求= 需要/＆GT;
＆LT;输入类型=按钮值=搜索ID =搜索/＆GT;
＆LT; D​​IV ID =结果＆GT;＆LT; / DIV＆GT;
 

JavaScript的：

  $（文件）。就绪（函数（）
{
    $（＃搜索）。点击（函数（）
    {
        VAR textboxvalue = $（'输入[名称= route_no]）VAL（）。

        $阿贾克斯（
        {
            键入：POST，
            网址：ajaxPage.php，
            数据：{TXT1：textboxvalue}，
            成功：函数（结果）
            {
                $（＃结果）HTML（结果）;
            }
        }）;
    }）;
}）;
 

ajaxPage.php：

 如果（使用isset（$ _ POST）及和放大器;使用isset（$ _ POST ['TXT1']））
{
    回声$ _ POST ['TXT1'];
}
 

I want a code for get textbox value when submit button is clicked. It must be Ajax.Here is the code I tried so far.But I culdent get to work....

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

Ajax Code

<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 code

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

解决方案

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

这篇关于获取使用AJAX按钮单击文本框的文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！