2017-09-24 88 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