Question

我在JS中编写了一个更改事件处理程序，但我想在HTML中内联编写它。如何将下面的操作编写为内联，如onchange="javascript: function() { return false; };"？

function changed(element) {
  if (element.value == 1 || element.value == 2) {
    $(element).removeClass('hide').addClass('show');
  }
}

<select class="chosen" name="content_media" style="width: 200px; display: none;" onchange="changed(this)" required="">
  <option value="default">--Select--</option>
  <option value="0">Press Ad</option>
  <option value="1">option1</option>
  <option value="2">option2</option>
  <option value="3">option3</option>
  <option value="4">option4</option>
  <option value="5">option5</option>
  <option value="6">option6</option>
  <option value="7">option7</option>
</select>

Answer 1

由于您使用的是jQuery，最好在js端附加事件而不是内联事件，例如：

$('.chosen').on('change', function(){
  var selected_value = $(this).val();

  if ( selected_value == 1 || selected_value == 2 )
     console.log(selected_value+' selected');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select class="chosen" name="content_media" style="width: 200px;" required="">
  <option value="default">--Select--</option>
  <option value="0">Press Ad</option>
  <option value="1">option1</option>
  <option value="2">option2</option>
  <option value="3">option3</option>
  <option value="4">option4</option>
  <option value="5">option5</option>
  <option value="6">option6</option>
  <option value="7">option7</option>
</select>

希望这有帮助。

Answer 2

您可以编写javascript代码，例如：

onchange="alert('Value was changed to ' + event.target.value);"

这可能会让您的代码更加麻烦......

如何编写内联事件处理程序？

2 个答案: