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

时间:2013-11-08 20:43:13

标签: javascript html

我有一个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> 

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分:0)

尝试

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>