html弹出隐藏框,jsp html 实现隐藏输入框,点击可以取消隐藏&&弹出输入框

jsp代码:

function chg (){

if(document.getElementById('mydiv').style.display=="none"){

document.getElementById('mydiv').style.display="";

}

}

html代码:

echo "

、、、、、、、、、、、、、、

function review(){

var ret = prompt("请输入评论内容!","");

if (ret == null){

return false;

}else if (ret.replace(/^s+|s+$/g,"") == ""){

alert("输入内容为空!");

return false;

}

document.getElementById("TextBox1").value=ret;

}

function transmit(){

var ret = prompt("请输入转发感慨!","");

if (ret == null){

return false;

}else if (ret.replace(/^s+|s+$/g,"") == ""){

alert("输入内容为空!");

return false;

}

document.getElementById("TextBox1").value=ret;

}

$review_button_name='review'.$user_id."_".$row['user_id'];

$transmit_button_name='transmit'.$user_id."_".$row['user_id'];

echo "评论

转发";

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用 LayUI 提供的弹出层(layer)组件来实现这个功能。具体步骤如下: 1. 在 jsp 页面中引入 layUI 相关的 css 和 js 文件。 2. 在查询按钮点击事件中,调用 layer.open() 方法打开一个弹出层。例如: ``` <button onclick="openLayer()">查询</button> <script> function openLayer() { layer.open({ type: 1, title: '输入信息', content: '<div><input type="text" placeholder="请输入信息"></div>', btn: ['取消', '确定'], yes: function(index, layero) { // 取消按钮的回调函数 layer.close(index); }, btn2: function(index, layero) { // 确定按钮的回调函数 var inputVal = $(layero).find('input').val(); // 处理输入的信息 layer.close(index); } }); } </script> ``` 在这个例子中,我们定义了一个 `openLayer()` 函数,在点击查询按钮调用这个函数。这个函数中,我们使用 `layer.open()` 方法打开一个弹出层。其中: - `type: 1` 表示这是一个普通的弹出层。 - `title: '输入信息'` 表示弹出层的标题。 - `content: '<div><input type="text" placeholder="请输入信息"></div>'` 表示弹出层的内容,这里是一个包含一个输入框的 div 元素。 - `btn: ['取消', '确定']` 表示弹出层的底部按钮,这里有一个取消按钮和一个确定按钮。 - `yes: function(index, layero) { ... }` 表示点击取消按钮的回调函数。这里我们只是关闭弹出层。 - `btn2: function(index, layero) { ... }` 表示点击确定按钮的回调函数。这里我们获取输入框中的值,并进行处理。最后,也要关闭弹出层。 3. 根据实际需求,可以对弹出层的样式、位置等进行进一步的配置和定制。 希望这个例子能对您有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值