关闭HTML中的元素后如何做某事?

时间:2014-08-28 09:19:09

标签: javascript html events

我有一个下拉列表。我想在关闭此下拉列表后在javascript中调用另一个方法。 我怎么能这样做?

修改

我有这个下拉列表http://i.stack.imgur.com/QYq4U.png。当我点击列表中的某些元素或从下拉列表中删除该下拉列表时。如何在此事件之后调用javascript中的某些函数(关闭下拉列表)。

1 个答案:

答案 0 :(得分:0)

如果您将下拉列表视为<select>标记,并且您希望使用JavaScript在标记之后生成内容,则可以执行以下操作:

<select name="" id="">
    <option value="">Item 1</option>
    <option value="">Item 2</option>
    <option value="">Item 3</option>
</select>
<script type="text/javascript">
    document.write("<p>Hey, I am generated using JavaScript after the above drop-down! :)</p>");
</script>

小提琴:http://jsfiddle.net/6ua1t1en/


如果我不理解您的问题,并且您希望<select>更改其值更改的内容,则标记中的代码将为:

<select onchange="document.getElementById('output').innerHTML='You have selected ' + this.value + '!';">
    <option>Select Something</option>
    <option>Item 1</option>
    <option>Item 2</option>
    <option>Item 3</option>
</select>
<p id="output"></p>

小提琴:http://jsfiddle.net/6ua1t1en/1/

这是你期待的吗?