选择不同选项时,输入字段类型可以支持20位带有卢比符号的卢比或替换为百分比
P粉022140576
P粉022140576 2023-08-13 18:35:32
0
1
298
<p>如果选择选项选择固定值,则输入字段类型为卢比值仅支持20位数,带有卢比符号。如果选择百分比,则用百分比符号替换卢比符号,并且值类型仅为2位数输入值,无需点击按钮</p> <p>我的这段代码工作正常,但我遇到了两个小问题 1. 如果我的网页加载默认值设置为固定值(但输入值和卢比符号不起作用</p><p> 2. 如果更改值,然后同时工作,但值不会自动重置为更改状态。如果用户选择单个百分比,则不再更改百分比值,请检查我的任何一段代码 这是类似的代码</p> <pre class="brush:php;toolbar:false;">&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;输入字段&lt;/title&gt; &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;script&gt; $(document).ready(function() { $('#dropdown').change(function() { var selectedOption = $(this).val(); if (selectedOption === 'fixed') { $('#inputField').attr('maxlength', '20'); $('#inputField').on('input', function() { var value = $(this).val(); var formattedValue = '₹' + value.replace(/D/g, '').replace(/(d)(?=(d{3})+(?!d))/g, '$1,'); $(this).val(formattedValue); }); } else if (selectedOption === 'percentage') { $('#inputField').attr('maxlength', '2'); $('#inputField').on('input', function() { var value = $(this).val(); var formattedValue = value.replace(/D/g, '') + '%'; $(this).val(formattedValue); }); } }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;select id="dropdown"&gt; &lt;option value="fixed"&gt;固定值&lt;/option&gt; &lt;option value="percentage"&gt;百分比&lt;/option&gt; &lt;/select&gt; &lt;input type="text" id="inputField"&gt; &lt;/body&gt; &lt;/html&gt;</pre> <p><br /></p>
P粉022140576
P粉022140576

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!