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>