Javascript 在产品页面上输入文本字段，而不是下拉组合

在prestashop 1.6中，只有2个选项可用于显示要选择的组合。单选按钮或下拉列表。我有两个属性，宽度和长度。50至300 steb的值为1 cm。它太大，无法显示在下拉列表中。我真的需要一个souliton来将下拉列表更改为输入文本字段

product.tpl中的代码段（显示在产品页面前端）：

{foreach from=$groups key=id\u attribute\u group item=group}
{if$group.attributes |@count}
{$group.name | escape:'htmlall'：'UTF-8'}：
{assign var=“groupName”value=“group\u$id\u attribute\u group”}
{if（$group.group_type=='select'）}
{foreach from=$group.attributes key=id\u attribute item=group\u attribute}
{$group_属性|转义：'htmlall'：'UTF-8'}
{/foreach}

---

可能还需要在js中做一些更改。

您可以使用以下jQuery数字上下插件，它对您的案例非常有用，并且有许多选项

github中插件的链接

---

示例

HTML5

范围

输入可能适用于这种情况。如果浏览器不支持标准的

文本

输入，则返回该输入。谢谢，但在这种情况下，这不是一个合适的解决方案。我需要一个输入文本字段，这对客户来说是最方便的。这是一个有趣的东西，一个类似的东西。现在，我可以创建输入字段，但系统无法处理它。在fontend中，我看到了文本字段，我可以在那里键入，但没有结果，找不到组合。显然，我必须修改product.js，但我还没有找到确切的内容和方式。

   <!-- attributes -->
            <div id="attributes">
            {foreach from=$groups key=id_attribute_group item=group}
                {if $group.attributes|@count}
                    <fieldset class="attribute_fieldset form-group">
                        <label class="attribute_label" for="group_{$id_attribute_group|intval}">     {$group.name|escape:'htmlall':'UTF-8'} :&nbsp;</label>
                        {assign var="groupName" value="group_$id_attribute_group"}
                        <div class="attribute_list">
                        {if ($group.group_type == 'select')}
                            <select name="{$groupName}" id="group_{$id_attribute_group|intval}" class="attribute_select form-control" onchange="findCombination();getProductAttribute();">
                                {foreach from=$group.attributes key=id_attribute item=group_attribute}
                                    <option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'htmlall':'UTF-8'}">{$group_attribute|escape:'htmlall':'UTF-8'}</option>
                                {/foreach}
                            </select>