CN108803894A - 一种基于pinying.js实现商品名的拼音简写自动生成的方法 - Google Patents

Abstract

本发明涉及JavaScript技术领域，特别涉及基于pinying.js实现商品名的拼音简写自动生成的方法。本发明方法步骤是：1、引入pinying.js到页面。2、定义一个文本输入框，下拉框。3、定义query函数，根据文本框输入的商品名自动获取汉字拼音首字母。4、将索引到的值，遍历到下拉框，供用户选择。本发明解决了传统商品名拼音首字母需手动录入、操作繁琐、准确性低、效率低等问题。

Description

一种基于pinying.js实现商品名的拼音简写自动生成的方法

技术领域

本发明涉及JavaScript技术领域，特别涉及基于pinying.js实现商品名的拼音简写自动生成的方法。

背景技术

JavaScript，一种高级编程语言，通过解释执行，是一门动态类型，面向对象（基于原型）的直译语言。它已经由欧洲电脑制造商协会通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、FireFox等）支持。

JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。

发明内容

本发明解决的技术问题在于提供基于pinying.js实现商品名的拼音简写自动生成的方法，解决了传统商品名拼音首字母需手动录入、操作繁琐、准确性低、效率低等问题。

本发明解决上述技术问题的技术方案是：

所述的方法包含以下几个步骤：

步骤一、引入pinying.js到页面；

步骤二、定义一个文本输入框，下拉框；

步骤三、定义query函数，根据文本框输入的商品名自动获取汉字拼音首字母；

步骤四、将索引到的值，遍历到下拉框，供用户选择；

本发明的有益效果：本发明基于pinying.js实现了商品名的拼音简写自动生成，操作便捷、成本低、效率高的方法。

附图说明

下面结合附图对本发明进一步说明：

图1为本发明的方法流程图。

具体实施方式

如图1所示，本发明采用如下步骤可以实现页面标题的统一维护

步骤一、引入pinying.js到页面；

<script type="text/javascript" src="${ctx }/statics/js/pinying.js"charset="GBK"></script>

步骤二、定义一个文本输入框，下拉框；

<input onKeyUp="query()" id="productName" class="col-xs-12 form-controlpinput" type="text" name="productName" value="${model.productName}"placeholder="商品名" isvalid="yes" checkexpession="NotNull">

<select id="mnemonicName" class="col-xs-12 form-control pinput" name="mnemonicName">

<option value="${model.mnemonicName}">${model.mnemonicName}</option>

</select>

步骤三、 定义query函数，根据文本框输入的商品名自动获取汉字拼音首字母；

function query(){

var str = document.getElementById("productName").value.trim();

var arrRslt = makePy(str);

…

}

步骤四、将索引到的值，遍历到下拉框，供用户选择；

var option = null;

document.getElementById("mnemonicName").innerHTML="";//清空下拉框

var first = document.getElementById("mnemonicName");

for(var j=0;j<arrRslt.length;j++){

var obj = document.getElementById("mnemonicName");

obj.add(new Option(arrRslt[j],arrRslt[j]));

}。

Claims (5)

1.基于pinying.js实现商品名的拼音简写自动生成的方法，其特征在于：所述的方法包含以下几个步骤：

步骤一、引入pinying.js到页面；

步骤二、定义一个文本输入框，下拉框；

步骤三、定义query函数，根据文本框输入的商品名自动获取汉字拼音首字母；

步骤四、将索引到的值，遍历到下拉框，供用户选择。

2.根据权利要求1所述的拼音简写自动生成方法，其特征在于：所述的步骤一中，引入pinying.js到页面。

3.根据权利要求1所述的拼音简写自动生成方法，其特征在于：所述的步骤二中，定义一个文本输入框，下拉框。

4.根据权利要求1所述的拼音简写自动生成方法，其特征在于：所述的步骤三中，定义query函数，根据文本框输入的商品名自动获取汉字拼音首字母，支持多音字。

5.根据权利要求1所述的拼音简写自动生成方法，其特征在于：所述的步骤四中，将索引到的值，遍历到下拉框，方便用户选择。