Получить текстовое поле Текст с помощью ajax при нажатии кнопки

Я хочу получить код для получения значения текстового поля при нажатии кнопки отправки. Должно быть, это Ajax.Here код, который я пробовал до сих пор. Но я не могу получить работу …

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

Solutions Collecting From Web of "Получить текстовое поле Текст с помощью ajax при нажатии кнопки"

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

У вас здесь проблемы

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

вы используете id = "sub" для кнопки отправки, но вы не назначаете id этой кнопке, поэтому дайте id для отправки кнопки как id = "sub".

Чтобы получить значение текстового поля, вы можете использовать:

 $('#elementid').val()