2016-10-01 110 views
2

我的腳本從數據庫中提取並插入一些數據並顯示給用戶,然後我決定稍微更改我的代碼並添加一些功能。例如,如果任何文本框爲空以便我擁有補充說,控制該sitituation.Bu我不能得到從指數文本框值的值PHP文件如何使用javascript獲取輸入值

Java腳本文件,這是index.php文件

<?php  
$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; 
     } 
     $result->free();  
    }  
} else { 
    $db->error; 
}  
?>  
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
    <script type="text/javascript" src="sites.js"></script> 
    <title>Title</title> 
</head> 
<body>  
<?php 
if (!count($records)) { 
    echo "no"; 
} else { 
    ?> 
    <table> 
     <tr> 
      <td>First</td> 
      <td>Last</td> 
      <td>Bio</td> 
      <td>Created</td> 
     </tr> 
     <?php 
     foreach ($records as $r) { 
      ?> 
      <tr> 
       <td><?php echo $r->first; ?></td> 
       <td><?php echo $r->last; ?></td> 
       <td><?php echo $r->bio; ?></td> 
       <td><?php echo $r->created; ?></td> 
      </tr>  
      <?php 
     } 
     ?> 
    </table> 
    <?php 
} 
?> 

,這是HTML標記

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

</form> 
</body> 
</html> 

我試圖從索引文件得到的輸入值這樣之下,但它不以這種方式工作,它返回對象

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

預先感謝

+2

'變種名稱= $( '#最後')VAL()'將工作 – devpro

+0

你的表單元素必須有一個。名稱/值匹配即 - 該id不隨數據一起發送。 – jeff

回答

1

當選擇一個元素與

$('#last') 

你所得到的全部元素的回報。有了這一點,你可以使用val()方法來檢索元素值:

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

opps :)謝謝 –

0

這將不會返回名稱字段的值:

var name=$('#last'); 

您可以使用諸如:

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

還請注意,您在輸入字段中缺少名稱屬性。沒有名稱屬性,您無法獲得$_POST中的值。

0

你是指該對象,以便你會得到的對象。

var name=$('#last'); 

如果需要的價值,你要問它:

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