layui 使用jquery 实现点击input动态改变一个元素

< layui-form-item>
  < input filter=“hobby”>
  < select name=“gender” id=“gender”>
    < option id=“gentleman” value=“01”>先生< /option>
    < option id=“lady” value=“02”>女士< /option>
  < /select>
</>

//部分代码
form.on(‘select(hobby)’,function(data){
  var hobby = data.value;//固定写法, 获取输入值;
  if(hobby == ‘篮球’){
     $(’#gentleman’).prop(‘selected’,‘true’);
     $(’#lady’).prop(‘selected’,‘false’);
  }else{
     $(’#lady’).prop(‘selected’,‘true’);
     $(’#gentleman’).prop(‘selected’,‘false’);
   }
});

prop和attr区别 :

1. attr : 自定义属性, 页面中明确存在, 未定义结果为undefined
2. prop : html元素固有属性, 快准
3. prop较attr快, 推荐使用prop

//另外附上 api 位置, 我当时就是找不到, 让我一度以为这个api不好用, 哈哈