单击时向字段添加文本
Adding text to a field when clicked
我想要一个单词列表,点击后将其添加到要提交的表单中。
类似于:
Word1 Word2 Word3
[ ] (an empty field.)
单击 Word1 和 Word3 时,该字段会填充
Word1 Word2 Word3
[Word1 Word3]
这可能吗?我觉得 javascript.
应该可以
你怎么能做到这一点?
为元素设置点击监听器。您可以用一个 class 声明它们。单击时,从元素中获取数据并将其放入结果元素中,如下所示:
$('.clickable').click(函数(){ $("#result").append($(this).val());
});
您也可以使用 javascript 以及类似的链接或按钮。
<input type="button" onclick="document.getElementById('word_field').value=document.getElementById('word_field').value+' Word1';" value="Word1"/><br/>
<a href="#" onclick="document.getElementById('word_field').value=document.getElementById('word_field').value+' Word2';">Word 2</a><br/>
<br/>
<input type="text" id="word_field"/>
我想要一个单词列表,点击后将其添加到要提交的表单中。
类似于:
Word1 Word2 Word3
[ ] (an empty field.)
单击 Word1 和 Word3 时,该字段会填充
Word1 Word2 Word3
[Word1 Word3]
这可能吗?我觉得 javascript.
应该可以
你怎么能做到这一点?
为元素设置点击监听器。您可以用一个 class 声明它们。单击时,从元素中获取数据并将其放入结果元素中,如下所示:
$('.clickable').click(函数(){ $("#result").append($(this).val()); });
您也可以使用 javascript 以及类似的链接或按钮。
<input type="button" onclick="document.getElementById('word_field').value=document.getElementById('word_field').value+' Word1';" value="Word1"/><br/>
<a href="#" onclick="document.getElementById('word_field').value=document.getElementById('word_field').value+' Word2';">Word 2</a><br/>
<br/>
<input type="text" id="word_field"/>