如何使用jquery在下拉列表中填充div

我有一个问题。我制作了一个带有下拉列表的html页面，它是从xml文件（通过jQuery）加载的。现在我的问题是，如何-当我从下拉列表中选择某个项目时，在下面的某个div中，它会打开关于该项目的信息。这是html:这是xml im使用：。现在，例如，当我点击“1”时，如何在html div中显示“text1text1text1text1”

非常感谢，

---

米洛斯

您可以使用

change

：

HTML

<select id="list">
    <option>Value</option>
    <option>Value 2</option>
    <option>Value 3 </option>
    <option>Value 4</option>
</select>

显然，您可以将

值

更改为

XML

描述内容

jquery代码：

$("#mySelect").change(function()
{
    $("#TextToWrite").text($(this).val());
})

这会解决你的问题。只需复制并使用上述代码

我对您的pastebin代码做了一些更改。请把两者结合起来

---

请定义onclick事件和xyz js函数，如下所述：

<form>
      <select id="mySelect" onchange="xyz();">
              <option>loading</option>
      </select>
</form>
<div id="TextToWrite"></div>

---

您应该在这里发布相关代码，并提供一个jsfiddlewell，它是从xml加载的，我不确定我是否可以将xml放入jsfiddle:\hi，tryed ur code，但当我修改它时，它会将所有内容写入“”下，无论单击什么。它不仅适用于指定的项目，也适用于所有项目。e、 g:我点击“1”，我得到了“请先选择第一组1第二组2”的所有xml项目。你能发布从xml完成ajax调用后生成的html代码吗？哦，对不起，我不认为我完全理解你的意思。我所做的一切就是输入您的代码，并获得任何选定值上所有值的所有结果（它打印所有内容，无论我选择了哪个值）。：\我的观点更像是，如果我选择值“1”，那么它只打印该值标签下的内容，以此类推，以相同的方式分别打印所有其他内容。我已经编辑了它。我想问题是你正在使用我的代码。现在我已经按照你的要求把它改了。按原样使用。嗨，我试过你的代码，但当我修改它时，它会将所有内容写在我单击的“”下。它不仅适用于指定的项目，也适用于所有项目。e、 g:我点击“1”，我得到了所有xml项目的“请先选择一组1第二组2”。

<form>
      <select id="mySelect" onchange="xyz();">
              <option>loading</option>
      </select>
</form>
<div id="TextToWrite"></div>

function xyz() {
    $('#TextToWrite').html($('#mySelect').val());
}