ali ak ali ak - 26 days ago 4
jQuery Question

How to get inputs value using javascript

My script fetchs and insert some data from db and displays to the user then I decied to slightly change my code and add some functionality.For example what if any of textbox is empty so that I have added a java script file that controls this sitituation.Bu I cant get the value of textboxes values from index .php file

this is index.php file


$records = array();
$db = new mysqli("localhost", "root", "", "app");

if (!empty($_POST)) {
$first = $_POST["first"];
$last = $_POST["last"];
$bio = $_POST["bio"];

$insert = $db->prepare("Insert into people (first,last,bio,created) values(?,?,?,NOW())");
$insert->bind_param("sss", $first, $last, $bio);
if ($insert->execute()) {
header("location: index.php");

if ($result = $db->query("select * from people")) {

if ($result->num_rows) {

while ($row = $result->fetch_object()) {
$records[] = $row;


} else {


<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<script type="text/javascript" src=""></script>
<script type="text/javascript" src="sites.js"></script>

if (!count($records)) {
echo "no";
} else {
foreach ($records as $r) {

<td><?php echo $r->first; ?></td>
<td><?php echo $r->last; ?></td>
<td><?php echo $r->bio; ?></td>
<td><?php echo $r->created; ?></td>


and this is the html markup

<form action="" method="post">
First <input type="text" id="first"><br>
last <input type="text" id="last"><br>
Bio <input type="text" id="bio"><br>
<button id="submit" value="click me!!"></button>


I am trying to get inputs values from index file like this below But it doesnt work this way It returns object

$(document).ready(function () {
$('#submit').click(function () {
var name=$('#last');

thank in advance


When selecting an element with


you are getting the entire element in return. With that, you can use the val() method to retrieve the elements value:

var name = $('#last').val();