我正在尝试将链接onClick的值(显示的名称)复制到文本框中。可能吗 ?
以下是我为了使它正常工作而草率的尝试-
<div class="service_list">
<ul style="list-style-type:square; display:none;" id="ullist">
<li><a href="#" class="service1">Service 1</a>
</li>
<li><a href="#" class="service2">Service 2</a>
</li>
</ul>
</div>
<input type="text" id="textbox" />
<br />
<table>
<tr>
<td>
<div class="button"> <a href="#" download="servicename.txt" class="button" id="button">Download</a>
</div>
</td>
<td>
<div class="list"> <a href="#" class="list" id="list">List of Services</a>
</div>
</td>
</tr>
</table>
这是JS-
var link_selected = document.querySelector('.service_list'); //edited
var input_field = document.getElementById("input");
link_selected.onclick = function (e) {
var selected = document.querySelector('.service_list').value; //edited
input_field.value = selected;
};
这是相同的JSFiddle:https ://jsfiddle.net/aishwarya26/rebpb5h2/
您可以向#ullist
元素中的每个链接添加点击处理程序,然后设置文本框的值
var text = document.getElementById('textbox');
var anchor = document.querySelector('#button');
var links = document.querySelectorAll('#ullist a');
for(var i = 0;i< links.length;i++){
links[i].onclick = function(){
text.value = this.textContent || this.innerText
}
}
演示:小提琴
使用jQuery
jQuery(function($){
var $text = $('#textbox');
$('#ullist a').click(function () {
$text.val($(this).text());
});
$('#button').click(function (e) {
var textbox_text = $text.val();
var textbox_file = new Blob([textbox_text], {
"type": "application/bat"
});
this.href = URL.createObjectURL(textbox_file);
this.download = "servicename.txt";
});
$('#list').click(function (e) {
$('#ullist').toggle();
});
})
演示:小提琴
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句