第一步要引入中文以来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>

要pinyin.js 请到玄玄 博客 http://www.blogxuan.com/article/show-73.html 右键框架复制下载 还有演示效果 . . .