Я хочу получить код для получения значения текстового поля при нажатии кнопки отправки. Должно быть, это 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']; }
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()