小编Fra*_*Jr.的帖子

我有一个简单的隐藏和显示Jquery代码,我想询问是否有相当于这个javascript？这是我的代码.

JQUERY:

$(document).ready(function() {
  $("#myButton").hide();
  $("#1").click(function() {
    $("#myButton").show();
    $("#myButton").click(function() {
      $("#myButton").hide();
    });
  });
});

HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
  <option id="1">Science</option>
</select>
<input type="button" value="Click" id="myButton" />

我在下面的评论中遵循了一些代码,但它不起作用:

JavaScript的:

<script>
  document.getElementById('myButton').style.display = 'none';

  function selectOptionsupdated(select) {
    document.getElementById('myButton').style.display = 'block';
  }
</script>

<select onSelect="selectOptionsupdated(this)">
  <option id="1">Science</option>
</select>
<input type="button" value="Click" id="myButton" />

HTML:

$(document).ready(function() {
  $("#myButton").hide();
  $("#1").click(function() {
    $("#myButton").show();
    $("#myButton").click(function() {
      $("#myButton").hide();
    });
  });
});

我想要的是首先隐藏按钮,当我点击<option>标签"科学"时,按钮出现,当我点击按钮时,按钮在被点击后被隐藏.如果有更多<option>标签怎么办？对不起,我还是个初学者.任何帮助将不胜感激.