jquery Javscript -如果字段包含任何值,则显示这些字段

ccgok5k5  于 2022-12-12  发布在  jQuery
关注(0)|答案(1)|浏览(145)

我们正在使用以下脚本,如果有人在“姓氏”字段中键入内容,它将显示3个字段。

<script>
jQuery(function($){
  $("#d_o_b1_field, #billing_phone_field, #gender1_field").hide();
  $("#billing_last_name_field").on('keyup', function(){
    $("#d_o_b1_field, #billing_phone_field, #gender1_field").show();
  });
});
</script>

我们希望这3个字段在页面加载时也显示姓氏字段中是否有任何文本。GPTchat推荐了以下代码,但它不起作用--当页面加载时,这3个字段仍然隐藏--即使姓氏字段中有值。

jQuery(function($){
  $("#d_o_b1_field, #billing_phone_field, #gender1_field").hide();
  $("#billing_last_name_field").ready(function(){
    if($(this).val()){
      $("#d_o_b1_field, #billing_phone_field, #gender1_field").show();
    }
  });
  $("#billing_last_name_field").on('keyup', function(){
    $("#d_o_b1_field, #billing_phone_field, #gender1_field").show();
  });
});

你知道为什么它不起作用吗?谢谢

pgvzfuti

pgvzfuti1#

.on('keyup', )函数中,根据billing_last_name_field值执行条件显示或隐藏,然后添加.trigger('keyup'),在页面准备就绪时触发条件代码:
第一个

相关问题