选择不同选项时,输入字段类型可以支持20位带有卢比符号的卢比或替换为百分比
P粉022140576
2023-08-13 18:35:32
<p>如果选择选项选择固定值,则输入字段类型为卢比值仅支持20位数,带有卢比符号。如果选择百分比,则用百分比符号替换卢比符号,并且值类型仅为2位数输入值,无需点击按钮</p>
<p>我的这段代码工作正常,但我遇到了两个小问题
1. 如果我的网页加载默认值设置为固定值(但输入值和卢比符号不起作用</p><p>
2. 如果更改值,然后同时工作,但值不会自动重置为更改状态。如果用户选择单个百分比,则不再更改百分比值,请检查我的任何一段代码
这是类似的代码</p>
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html>
<head>
<title>输入字段</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(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);
});
}
});
});
</script>
</head>
<body>
<select id="dropdown">
<option value="fixed">固定值</option>
<option value="percentage">百分比</option>
</select>
<input type="text" id="inputField">
</body>
</html></pre>
<p><br /></p>
让我们简化事情,创建一个单独的函数,并基于该函数在文本字段上应用您的逻辑。
示例: