输入文本框内容a标签中的链接自动改变

最新推荐文章于 2019-08-26 21:47:30 发布

huizhang.

最新推荐文章于 2019-08-26 21:47:30 发布

阅读量1.7k

点赞数

本文链接：https://blog.csdn.net/qq_34908844/article/details/78656827

版权

php 同时被 3 个专栏收录

132 篇文章 0 订阅

订阅专栏

javascript

34 篇文章 0 订阅

订阅专栏

html5

22 篇文章 0 订阅

订阅专栏

代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="__STATIC__/layui/css/layui.css" rel="stylesheet" media="all"/>
    <link href="__STATIC__/base/css/myself.css" rel="stylesheet"/>
</head>
<body style="background-color:#ccc;">
<fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;">
  <legend>功能</legend>
  <div>
    <a href="{$urls.save_vip_card_info}" class="layui-btn common_btn">创建会员卡</a>
  </div>
  <div>
    <a href="{$urls.pay_is_vip}" class="layui-btn common_btn">支付即会员</a>
  </div>
  <div>
    <input type="text" id="rule_id" name="title" style="width: 200px;float: left;" lay-verify="title" autocomplete="off" placeholder="请输入规则id" class="layui-input">
    <a href="" class="layui-btn common_btn del_rule_id" sytle="float:right;">删除支付即会员规则</a>
  </div>
  <div>
    <a href="{$urls.create_wechat_menu}" class="layui-btn common_btn">生成菜单</a>
  </div>
</fieldset>
</body>
<script src="__STATIC__/layui/layui.js" charset="utf-8"></script>
<script src="__STATIC__/js/jquery.min.js" charset="utf-8"></script>
<script src="__STATIC__/base/js/ajax.js"></script>
<script type="text/javascript">
$(function(){
  del_rule_id();
});
//删除支付即会员
function del_rule_id(){
  $("#rule_id").bind('input propertychange',function(){
    $(".del_rule_id").attr("href","{$urls.del_pay_is_vip}"+$(this).val());
  });
}
</script>
</html>
<style type="text/css">
  .common_btn{
    margin-bottom:20px;
  }
</style>

运行结果

这里写图片描述

huizhang.

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
输入文本框内容a标签中的链接自动改变

代码<!DOCTYPE html><html><head> <title></title> <link href="__STATIC__/layui/css/layui.css" rel="stylesheet" media="all"/> <link href="__STATIC__/base/css/myself.css" rel="stylesheet"/></h
复制链接

扫一扫

专栏目录