后台常用的栏目输入中文名称路径自动替换为拼音

演示效果：（要pinyin.js文件 ->右键框架自己复制下载 乱码请将你浏览器设置成utf-8编码！后期有空将写一下下载功能...）

第一步要引入中文以来JQ文件：

=======下面这段为本人测试html代码：

<div class="pinying">
<form class="form-horizontal" role="form">
   <div class="form-group">
      <label for="firstname" class="col-sm-2 control-label">栏目名称</label>
      <div class="col-sm-10">
         <input type="text" name="xuan[name]" class="form-control cnName" id="firstname" 
            placeholder="栏目名称">
      </div>
   </div>
   <div class="form-group">
      <label for="lastname" class="col-sm-2 control-label">栏目路径</label>
      <div class="col-sm-10">
         <input type="text" name="xuan[url]" class="form-control enNamme" id="lastname" 
            placeholder="栏目路径">
      </div>
   </div>
</form>
</div>

==========JQ代码：

<script type="text/javascript">
      //键盘时间
      $(".cnName").keyup(function(){
         $(".enNamme").val(pinyin.go($(this).val(), 1));
      });
</script>

转载请说明文章来源 玄玄 博客 http://www.blogxuan.com/