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

来源：互联网发布：主机名和域名的区别编辑：程序博客网时间：2024/05/22 17:47

代码

<!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>

运行结果

这里写图片描述

阅读全文

0 0