2017-09-24 90 views
0

此下拉列表值和按鈕。當你點擊按鈕的第一個值將被移除,第二個值將在下拉列表在數據庫中獲取行

document.getElementById("demo").innerHTML = txt; 

    <p id="demo"></p> 

其工作正常進行呼應,但我想在我的數據庫depened什麼是id演示的行。任何幫助將不勝感激謝謝

<!DOCTYPE html> 
<html> 
<body> 
<form> 

<?php 
require('connection.php'); 
    $positions=mysql_query("SELECT * FROM tbPositions") 
or die("There are no records to display ... \n" . 

    mysql_error()); 
?> 
    <td><SELECT NAME="position" id="position" onclick="getPosition(this.value)"> 
<OPTION VALUE="select">select 
<?php 

while ($row=mysql_fetch_array($positions)){ 
echo "<OPTION VALUE=$row[position_name]>$row[position_name]"; 

} 
?> 
</SELECT></td> 
</form> 
<br> 

<button onclick="myFunction()">Remove option with index "1"</button> 
<p id="demo"></p> 
<script> 
function myFunction() { 
var x = document.getElementById("position"); 
x.options.remove(0); 
var x = document.getElementById("position").options.item(0).text; 
    document.getElementById("demo").innerHTML = x; 


} 
    document.getElementById("demo").innerHTML = txt; 
</script> 


    </body> 
    </html> 
+0

你問,如果你可以從ID數據庫中獲得值,這是回顯? – Ravi

+0

是的。它是可行的嗎? –

+0

是的,這是可能的 – Ravi

回答

0

如果你想在同一頁上,從數據庫中顯示的結果,那麼你需要使用AJAX異步調用,從數據庫中獲取同一頁上的數據。

所以,比方說,你已經寫了一個方法displayResult(),它發送請求並從數據庫中獲取結果。您需要在myFunction()的末尾打電話,並從這裏通過demo值。

function myFunction() { 
var x = document.getElementById("position"); 
x.options.remove(0); 
var x = document.getElementById("position").options.item(0).text; 
    document.getElementById("demo").innerHTML = x; 
    displayResult(x); // calling method to get result. 
} 

現在,如何編寫代碼來發出ajax請求?有很多教程和帖子。你可以參考他們。

+0

謝謝先生,我會做一些研究:) –

+0

@ArkaneArkane任何具體原因恢復? – Ravi