如何获取另一列的下拉值更改值？

我目前使用PHP来填充一个HTML表格，每行一个下拉菜单：如何获取另一列的下拉值更改值？

echo " <tr>"; 
echo "  <td>" . $row["order_id"] . "</td>"; 
echo "  <td>" . $row["status_name"] . "</td>"; 
echo "  <td>"; 
echo "   <select name=\"status_dropdown\" onchange=\"handleStatusChange(this);\">"; 

while ($row = $result->fetch_array(MYSQL_ASSOC)) 
{ 
    // Output the dropdown options 
    echo "<option value=\"" . $row["status_id"] . "\">" . $row["name"] . "</option>"; 
}

而且我有一个JavaScript函数，将触发一个值变化：

<script type="text/javascript"> 
    function handleStatusChange(dropdown) 
    { 
    // I would like to use the Order ID value here ... 
    } 
</script>

我怎样才能从下拉的当前行获取“order_id”值（存储在另一列中）？我想在JavaScript函数中访问该“order_id”值。

我需要AJAX或JQuery吗？

正如你可以看到我在web开发新手：\

来源

2013-03-14 user2170838

我想你可以使用jQuery的事件，而不是具有约束力onchange

$('select[name="status_dropdown"]').change(function(event){ 
    var $this = $(event.target); 
    var orderId = $this.closest('tr').children('td:eq(0)').text() 
});

演示：Fiddle

来源

2013-03-14 17:19:56

它的工作原理就像一个魅力！谢谢:) – user2170838 2013-03-14 19:03:50

如何选择下拉列表中的值，我尝试了$ this.value但没有工作：\ – user2170838 2013-03-14 19:57:10

没关系，我明白了。它是this.value不是$ this.value :) – user2170838 2013-03-14 19:58:27

你不”为此需要AJAX或JQuery（尽管对Javascript更熟悉会是一个好主意）您可以使用的一个函数是

getElementById(id)

https://developer.mozilla.org/en-US/docs/DOM/document.getElementById

基本上你会在你的JavaScript文件指定一个变量有问题的对象，然后与元素相关联的内容可以通过这个变量进行访问。

从上面的教程：

<!DOCTYPE html> 
<html> 
<head> 
    <title>getElementById example</title> 
    <script> 
    function changeColor(newColor) { 
    var elem = document.getElementById("para1"); 
    elem.style.color = newColor; 
    } 
    </script> 
</head> 
<body> 
    <p id="para1">Some text here</p> 
    <button onclick="changeColor('blue');">blue</button> 
    <button onclick="changeColor('red');">red</button> 
</body> 
</html>

来源

2013-03-14 17:22:01 zajd

如何获取另一列的下拉值更改值？

回答

相关问题