Javascript 如何使用onchange根据所选值显示不同的信息？

我创建了一个包含书籍名称的下拉列表。当从下拉列表中选择一本书的名称时，我希望它在同一页中显示有关该书的信息。书籍信息存储在mysql数据库中。我目前能够显示所有书籍的信息，但我希望能够在php页面上对信息进行排序

我试图实现找到的答案，但什么也没发生

<select id="selected" name="selection" onchange="getselected(this)">
<option value="default">Select</option>
<option value="book1">Book Name 1</option>
<option value="book2">Book Name 2</option>
<option value="book3">Book Name 3</option>
<option value="book4">Book Name 4</option>
</select>

我的剧本是：

<script>
function getselected(sel) {
var bookname = sel.value;  
}
</script>

首先，如何在页面上显示选定的图书名称？ 例如，如果从下拉列表中选择了“图书名称1”，则会出现一行文本，显示图书名称1。我试图用这个脚本写书名

<script type="text/javascript">document.write(bookname);</script>

---

最后，我想使用变量bookname来选择mysql数据库中的信息。有多个条目具有相同的图书名称。选择*WHERE name=$bookname

将以下HTML添加到页面中

<div id="dynamic"></div>

将脚本更改为以下内容

<script>
function getselected(sel) { 
document.getElementById("dynamic").innerHTML = sel.options[sel.selectedIndex].text; 
}
</script>

---

希望这有帮助

你想在哪里展示这些信息？这和什么有关系？我在php页面中有html。我正在使用php与mysql进行接口。我试图在下拉列表中获取所选名称的变量，以在页面上显示图书名称，并使用所选名称的变量从mysql数据库中提取信息并在php页面上显示。从数据库mysql中的Google填充下拉菜单您将发现许多结果，很多人会把你们引向堆栈上的问答。我不需要它来填充下拉菜单本身。下拉列表可以是静态的。当从下拉列表中进行选择时，在“不在”下拉列表下显示的信息将是动态的。您可能正在追求这一点！现在，下拉列表中所选书籍的名称显示在div所在的位置。如何将其转换为可用于mysql的php变量？哦，我明白你的意思了。不要更改，而是希望使用AJAX将图书名称的值发送到服务器。然后，根据值的不同，您需要将dynamics innerHTML设置为服务器为特定书籍返回的任何HTML。要做到这一点，您需要修改脚本，以便对与您的书相关的HTML发出AJAX请求。如果这对你有帮助，请接受我的回答。谢谢谢谢你，博比。这正是我需要的。我将使用的代码可以在这里找到：