Question

我有一个问题。我创建了一个html页面，带有一个下拉列表，它是从xml文件（通过jQuery）加载的。现在我的问题是，如何 - 当我从下拉列表中选择某个项目时，在某个div中，它会打开有关该项目的信息。这是html：http://pastebin.com/hVHWPdvM，这是xml即时使用：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());
})

这应该可以解决您的问题。只是复制＆amp;使用上面的代码。

我在您的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());
}

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

3 个答案: