javascript - 如何从下拉列表中获取值以转移到购物车页面

Question

我正在尝试从我的下拉列表中检索一个值，该值是使用 javascript 从 MYSQL 动态创建的。我也是 javascript 的新手，想知道我是否正确完成了这项工作。

function addtocart(prod_id, color_ID)
{
document.productform.productid.value = prod_id;
var idx = getField("dropdown").selectedIndex;
var color_ID = getField("dropdown").options[idx].value; 
document.productform.command.value = 'add';
document.productform.submit();
}
</script>

我试图使用它，但它只传递每个下拉列表的最后一个选项值。

function addtocart(prod_id, color_ID)
{
document.productform.productid.value = prod_id;
document.productform.Color.value = color_ID;
document.productform.command.value = 'add';
document.productform.submit();
}

这是我试图从中提取它的地方:

$query1 = "SELECT * FROM color c JOIN inventory i ON ( c.Color_ID = i.Color_ID ) JOIN product p ON ( p.Prod_ID = i.Prod_ID ) WHERE p.Prod_ID = $p_ID";  
    $result1 = mysqli_query($dbc, $query1) or die("Error querying database");

    Print "<p>Decorative Color:\n";
    Print "<select name=\"dropdown\">";

     while($row = mysqli_fetch_array($result1))
    {
    $color_ID = $row['Color_ID'];

    Print "<option value=".$row['Color_ID']."> " . $row['Color'] . "\n     </option>";

    }

    Print "</select>\n";
    Print "</p>\n";

Answer 1

如果你想编辑这个表单，而你唯一的问题是如何让你的下拉列表显示保存在数据库中的颜色值，那么你可能需要这样的东西:

document.productform.dropdown.value = color_ID;

这必须在您的 html 正文中的 onLoad 期间调用

或者在 while 循环中使用 php，在 <option> 中使用 if 语句标签如:

{if $row['Color_ID'] == $color_ID} selected {/if}