javascript - JS 函数.隐藏

Question

我在 .less 中创建了一个对象，并且在 php 文件中创建了一些按钮，当在 php 文件中单击按钮时，我希望隐藏一些对象。这是我的 php 代码

 <label for="select-pattern">Select</label>
          <select name="" id="select" data-native-menu="false">
            <option data-placeholder="true">Select</option>
            <option name="asdf" value="pat">Select this</option>
            <option name="fdas" value="tap">select now</option>
    <select>

这是我的 JS 代码，

    $(document).ready(function(){
   $("#asdf").click(function(event){
     //Your actions here
       $('#object1, #object2').hide();

   });
 });

less 文件是我创建对象的位置，这是其代码

 #object1, #object2 {
    width: 46px;
    height: 23px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    z-index: 10;
  }

为什么隐藏功能不起作用？他们的代码有错误吗？

Answer 1

您使用的是 HTML，而不是 PHP。我不认为点击事件对选项有效。您必须制作一个按钮，并将 asfd 设置为 id 而不是元素的名称。

<input type="button" id="asdf" value="Hide objects">