个人中心
gpt4 book ai didi

javascript - 无法获取下拉项的 ID

转载 作者：行者123 更新时间：2023-11-28 20:14:39 24 4
gpt4 key购买 nike

我正在尝试获取 PHP 生成的下拉列表中所选项目的 ID。现在控制台显示“Uncaught TypeError: Object #exchanges option:selected has no method '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'].'">';

看看它现在是否有效。

关于javascript - 无法获取下拉项的 ID，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19388445/

24 4 0
文章推荐： python - celery ，用倒计时调用延迟
文章推荐： python - 使用 SLIM 使用 Python 编写 Fitnesse 测试
文章推荐： javascript - 如果 Controller 操作结果为零，如何加载不同的 js 文件
文章推荐： python - Pandas - 堆叠和重命名列
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com