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

有没有办法在文本区域将文档属性值转换成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/">

我想在一个文本区域中看到这个下拉列表和链接。
非常感谢

最佳答案

如果您的标签如下：

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

然后您可以设置如下所示的href：

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

如果您的select有一个id="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>标记来将其括起来。

关于javascript - 如何在html脚本中获取文档属性值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42113742/