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

Question

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

非常感谢，米洛斯

Answer 1

你可以使用change：

HTML

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

jQuery

$("#list").change(function() {
    var val = $(this).val();
    $("#content").html(val); 
});

http://jsfiddle.net/YVsZz/

显然您可以将 更改value为XML描述内容

Answer 2

jQuery代码：

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

这应该可以解决您的问题。只需复制并使用上面的代码。

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

http://pastebin.com/3QVcWu5v

Answer 3

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

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

JS

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