如何在html腳本中獲取文檔屬性值

有沒有辦法在文本區域中將文檔屬性值轉換爲html腳本。如何在html腳本中獲取文檔屬性值

例如：我有一個下拉其中有像"google","yahoo","Facebook" 和價值觀我的HTML腳本可能會像

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

所以，如果您在下拉菜單中選擇谷歌下來，上面的HTML腳本將變更爲

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

我想看到這個下拉和鏈接在一個文本區域。

大加讚賞

來源

2017-02-08 J K

單獨使用HTML。 HTML是一種標記語言，而不是一種編程語言，因此您必須爲此使用JavaScript。我會將HTML和JS標籤添加到您的問題以擴大SO社區。 – scsimon

謝謝scsimon添加js和html標籤 –

如果你的標籤如下：

<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>標記來包含它。

來源

2017-02-08 15:35:46

感謝您的回覆。請你詳細說明一下。我是新的Java腳本。另外爲什麼你使用了兩個變量（myselect，mylink）？我只有一個變量，這是一個下拉有不同的值，如谷歌，雅虎等，爲什麼+站點+使用HREF而不是上面的變量？ –

Hi Julie，'id =「myselect」'是HTML元素的id，例如： 'select'或'a'元素與你的鏈接。這些不是「變量」，只是用於通過'document.getElementById（）'與HTML結構進行交互的ID。我確實遺漏了'var site ='位，現在我編輯了'var site'行獲取''myselect''元素的值，然後將它存儲在我使用的變量'site'中在下一行。希望這可以澄清 - 如果有什麼我錯過了，請告訴我。 –

如何在html腳本中獲取文檔屬性值

回答

相關問題