javascript - 将链接的属性值复制到输入值onclick

Question

我想将链接的属性值 val="ok" 复制到引导模式中的输入字段:

$('#link').on('click', function() {
  var x = document.getElementById("link").getAttribute("val");
  $("#mail").find(".compose").value = x;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a data-toggle="modal" data-target="#mail" id="link" val="ok" class="btn btn-warning btn-flat" title="Mail"><i class="fa fa-envelope"></i>Link</a>
<input class="form-control" placeholder="To:" class="compose" value="" />

Answer 1

例如，您应该创建自定义数据属性 data-val，然后您可以像 yourElem.dataset.val 一样访问它

var a = document.getElementById('link');
a.addEventListener('click', function() {
  var val = a.dataset.val;
  document.querySelector('.compose').value = val;
})

<a data-toggle="modal" data-target="#mail" id="link" data-val="ok" class="btn btn-warning btn-flat" title="Mail"><i class="fa fa-envelope"></i>Link</a>
<input class="form-control compose" placeholder="To:" value="" />

您还可以使用 JQuery data()

$('a').click(function() {
  $('input').val($(this).data('val'));
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a data-toggle="modal" data-target="#mail" id="link" data-val="ok" class="btn btn-warning btn-flat" title="Mail"><i class="fa fa-envelope"></i>Link</a>
<input class="form-control compose" placeholder="To:" value="" />