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

代码


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

运行结果

输入文本框内容a标签中的链接自动改变_第1张图片

你可能感兴趣的:(php,html5,jquery,javascript)