javascript - 如何将 .change 函数从 jQuery 迁移到纯 Javascript

Question

我不是 JS 专家，但我认为我想做的事情非常简单(至少在 jQuery 中)

我有3个选择

  <select id="faq" class="onchance_fill">...</select>
  <select id="pages" class="onchance_fill">...</select>
  <select id="faq" class="onchance_fill">...</select>

和一个输入(它是 advlink 插件中的一个 tinyMCE)

<input type="text" onchange="selectByValue(this.form,'linklisthref',this.value);" value="" class="mceFocus" name="href" id="href" style="width: 260px;">

我希望每次更改 3 个选择中的一个值时，该选项的值将被放置在输入中。

在 Jquery 中，它类似于:

$('.ajax_onchance_fill').change(function() {
        data = $('.ajax_onchance_fill').val();
        $('#href').text(data);
    });

但是我不能使用它。那么普通 Javascript 中的等价物是什么？

谢谢

Answer 1

我建议您继续使用 Jquery，因为它可以加快这种事情的速度，但在纯 JavaScript 中，我认为您想要的看起来像这样......

 <script type="text/javascript">
  function load() {
  var elements = document.getElementsByClassName('onchance_fill');
  for(e in elements){
      elements[e].onchange = function(){
          document.getElementById('href').value = this.value;
     }       
  }
  }
</script>