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>';
}