javascript - HTML onclick 将文本框值附加到链接

Question

我有一个 ID 为 main_category_lan1 的文本框，如下所示。

<input type="text" name="main_category_lan1" id="main_category_lan1" Value="Hello">

我在下面的同一页面中有一个链接。

<a href="javascript: void(0)" onclick="popup('http://translate.google.com/#en/ta/'+document.getElementById('main_category_lan1').value"> Translator </a> 

我想在单击链接时将文本框值附加到“Onclick 链接”...

onclick 的预期输出是 ,

<a href="javascript: void(0)" onclick="popup('http://translate.google.com/#en/ta/Hello').value"> Translator </a> 

Answer 1

您忘记了 onclick 属性中的右括号。另外，您的意思是使用 window.open() 而不是 popup() 吗？这有效：

<a href="javascript: void(0)" onclick="window.open('http://translate.google.com/#en/ta/'+document.getElementById('main_category_lan1').value)"> Translator </a>

http://jsfiddle.net/AXWr8/

Answer 2

尝试

function openLink() {
    window.open('http://translate.google.com/#en/ta/' +
      document.getElementById('main_category_lan1').value);
}

<a href="javascript: void(0)" onclick="openLink()">Translator</a>