Foxtable(狐表)用户栏目专家坐堂 → 自动隐藏表单


  共有485人关注过本帖平板打印复制链接

主题:自动隐藏表单

帅哥哟,离线,有人找我吗?
ycs5801
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:四尾狐 帖子:981 积分:7033 威望:0 精华:0 注册:2009/6/24 9:44:00
自动隐藏表单  发帖心情 Post By:2024/3/23 11:44:00 [只看该作者]

With wb.AddInputGroup("form2", "ipg1", "")  
    With wb.AddInputGroup("form2", "ipg256", "信息录入")    
        .AddInput("信息主题", "信息主题", "Text")
        .Addselect("转让方式", "转让方式", "[赠送]|出售")
        .AddInput("期望价格", "期望价格", "number")      
    End With
end with
wb.AppendHTML("<script src='./lib/test.js'></script>") '引入脚本文件

js代码:
// 获取A表单和B表单的引用
var formA = document.getElementById("转让方式");
var formB = document.getElementById("期望价格");

// 为A表单添加监听事件
formA.addEventListener("input", function() {
  // 获取A表单的输入值
  var value = formA.value.trim();

  // 判断A表单的输入值,并控制B表单的显示状态
  if (value === "出售") {
    formB.style.display = "block"; // 显示B表单
  } else if (value === "赠送") {
    formB.style.display = "none"; // 隐藏B表单
  }
  
  });

想实现:转让方式如果选择出售则显示期望价格栏,如果是赠送则隐藏期望价格栏。现在选择后无反应。

 回到顶部