下拉值为JS变量

Question

我有一个从数据库填充的选择：

<?php
$query = mysql_query("SELECT * FROM users");
if(mysql_error())
{
print(mysql_error());
}
echo'<select id="dropdown2" id="user_id" name="user_id" data-placeholder="[Select]" class="select" style="width:350px;" tabindex="2")">';
echo'<option value=""></option>';
{
while($row = mysql_fetch_array($query))
echo'<option value="'.$row['user_id'].'">'.$row['user_name'].'</option>';
}
echo'</select>';                                                        
?>

我需要在js变量上提交传递下拉值

我正在尝试这种方式，但变量是空白的：

<script language="JavaScript">
var dropdown_value = $('#user_id option:selected').val();;
</script>

任何帮助？

Answer 1

您的select元素有两个ID属性：<select id="dropdown2" id="user_id"

这是无效的。您的浏览器可能会尝试通过忽略第二个（您尝试访问的那个）来从错误中恢复。

使用a validator测试您的代码会引发这个问题。

Answer 2

您需要访问<select>的值，并且您需要确保只为其分配一个id属性，因为目前有两个：

var dropdown_value = $('#user_id').val();

Answer 3

首先在while循环0之外创建第一个选项的值 在jquery函数var dropdown = $（'＃dropdown2 option：selected'）。val（）;