如何在html脚本中获取文档属性值

时间:2017-02-08 12:55:05

标签: javascript html tibco spotfire

有没有办法将文档属性值放入文本区域的html脚本中。

例如:  我有一个下拉列表,其值为"google","yahoo","Facebook" 我的html脚本可能就像

< SpotfireControl id="a23e53a498af447294614ec708f50ede" /> A href="http://www.Document propety value.com/">.

因此,如果您在下拉列表中选择google,则上述html脚本将更改为

< SpotfireControl id="a23e53a498af447294614ec708f50ede" /> A href="http://www.google.com/">

我希望在一个文本区域中看到此下拉菜单和链接。

非常感谢

1 个答案:

答案 0 :(得分:2)

如果你的标签如下:

<a id="mylink" href="">

然后你可以像这样设置href:

document.getElementById("mylink").href = "https://google.com";

如果您的selectid="myselect",则可以获得如下值:

document.getElementById("myselect").value

现在您可以设置链接:

var site = document.getElementById("myselect").value;
document.getElementById("mylink").href = "https://"+site+".com";

现在,您希望在更改下拉列表(选择)选项时发生这种情况,因此您需要在更改时添加事件侦听器。

document.getElementById("myselect").addEventListener("change",
    function() {
        var site = document.getElementById("myselect").value;
        document.getElementById("mylink").href = "https://"+site+".com";
    }
}

请注意,您的事件侦听器只能在选择器和链接加载后添加(因此代码需要在之后)。如果您以前从未使用过JavaScript,则应注意需要<script type="text/javascript"></script>标记来封装它。