Javascript 无法获取下拉项的ID_Javascript_Php_Jquery

Javascript 无法获取下拉项的ID

javascript php jquery

Javascript 无法获取下拉项的ID,javascript,php,jquery,Javascript,Php,Jquery,我试图在PHP生成的下拉列表中获取所选项目的id。现在控制台显示uncaughttypeerror:objectexchanges选项：selected没有方法'attr'，我无法找出哪里出了问题 <html> <head> <title>Administration</title> <style> #exchanges { width: 300px; }

我试图在PHP生成的下拉列表中获取所选项目的id。现在控制台显示uncaughttypeerror:objectexchanges选项：selected没有方法'attr'，我无法找出哪里出了问题

<html>
<head>
    <title>Administration</title>
    <style>
        #exchanges {
            width: 300px;
        }
    </style>

    <script src="http://codeorigin.jquery.com/jquery-2.0.3.min.js"></script>
</head>
<body>

    <?php populateDropDown(); ?>
    <button id="display_button">Display Information</button>
</body>

<script>
    $(document).ready(function(){
        $('#display_button').on('click', function(){
            var dropdown_id = ('#exchanges option:selected').attr('id');
            alert(dropdown_id); // doesn't work
        });
    });


</script>

</html>

PHP函数：

function populateDropDown(){
$conn = connectPDO();

echo '<select id="exchanges">';

foreach($conn->query('SELECT * FROM exchange') as $row) {
    echo '<option id ='.$row['exchangeID'].'>'; 
    echo $row['exchange-name'];
    echo '</option>';
    }

echo '</select>';

}

首先，您忘记了jQuery代码中的美元符号：

var dropdown_id = ('#exchanges option:selected').attr('id');

应该是：

var dropdown_id = $('#exchanges option:selected').attr('id');

另外，在PHP中，更改以下内容：

echo '<option id ='.$row['exchangeID'].'>';

对下列事项：

echo '<option id="'.$row['exchangeID'].'">';

然后看看它现在是否工作。

首先，您忘记了jQuery代码中的美元符号：

var dropdown_id = ('#exchanges option:selected').attr('id');

应该是：

var dropdown_id = $('#exchanges option:selected').attr('id');

另外，在PHP中，更改以下内容：

echo '<option id ='.$row['exchangeID'].'>';

对下列事项：

echo '<option id="'.$row['exchangeID'].'">';

然后看看它现在是否工作。

首先，您忘记了jQuery代码中的美元符号：

var dropdown_id = ('#exchanges option:selected').attr('id');

应该是：

var dropdown_id = $('#exchanges option:selected').attr('id');

另外，在PHP中，更改以下内容：

echo '<option id ='.$row['exchangeID'].'>';

对下列事项：

echo '<option id="'.$row['exchangeID'].'">';

然后看看它现在是否工作。

首先，您忘记了jQuery代码中的美元符号：

var dropdown_id = ('#exchanges option:selected').attr('id');

应该是：

var dropdown_id = $('#exchanges option:selected').attr('id');

另外，在PHP中，更改以下内容：

echo '<option id ='.$row['exchangeID'].'>';

对下列事项：

echo '<option id="'.$row['exchangeID'].'">';

看看现在能不能用。

Jeeze。不知道我怎么会错过。现在可以工作了，谢谢！！！一旦时间流逝结束，将标记为正确。Jeeze。不知道我怎么会错过。现在可以工作了，谢谢！！！一旦时间流逝结束，将标记为正确。Jeeze。不知道我怎么会错过。现在可以工作了，谢谢！！！一旦时间流逝结束，将标记为正确。Jeeze。不知道我怎么会错过。现在可以工作了，谢谢！！！一旦时间结束，将标记为正确。选择菜单本身可以使用该方法，但其子选项不能。默认行为是该表单元素返回其选定值，而不是其子元素的ID。选择菜单本身可以使用该方法，但其子元素选项不能。默认行为是该表单元素返回其选定值，而不是其子元素的ID。选择菜单本身可以使用该方法，但其子元素选项不能。默认行为是该表单元素返回其选定值，而不是其子元素的ID。选择菜单本身可以使用该方法，但其子元素选项不能。默认行为是该表单元素返回其选定值，而不是其子元素的ID。