从html下拉列表中获取值，传递给javascript函数

Grab value from html dropdown list, to pass into javascript function

本文关键字：javascript 函数 html 下拉列表 获取      更新时间：2023-09-26

1)用户将点击每个列表后的按钮。2)onclick按钮将发送选定的值到javascript函数3)我想采取的值在javascript函数和发送到一个php文件使用ajax

问题如何使用onclick将html选定值发送到javascript函数?

<select id="list"> 
      <option value=" ">Select a Name </option>
      <option value="Comfy">Comfy</option>
      <option value="Tough">William Tough </option>
      <option value="Soft">Soft</option>
</select>
<button onclick="updateDB(this.querySelector('list'.selected))">Click Me</button>
<select id="list2"> 
      <option value=" ">Select a Name </option>
      <option value="Comfy">Comfy</option>
      <option value="Tough">William Tough </option>
      <option value="Soft">Soft</option>
</select>
<button onclick="updateDB(this.querySelector('list2'.selected))">Click Me</button>

Javascript函数:

function updateDB(number)
{
 if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
} else {
    // code for IE6, IE5
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
    xmlhttp.open("GET","/updatequery.php?numbers",true);
xmlhttp.send();
}

查看OCI上的PHP文档:http://php.net/manual/en/function.oci-execute.php

执行select查询后，需要从数据库中获取行。

这里有一个例子可以让你开始:

<?php
$conn = oci_connect('hr', 'welcome', 'localhost/XE');
$stid = oci_parse($conn, 'SELECT * FROM employees');
oci_execute($stid);
echo "<table border='1'>'n";
while ($row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS)) {
    echo "<tr>'n";
    foreach ($row as $item) {
        echo "    <td>" . ($item !== null ? htmlentities($item, ENT_QUOTES) : "&nbsp;") . "</td>'n";
    }
    echo "</tr>'n";
}
echo "</table>'n";
?>
相关文章：