別のオプションを選択する場合、入力フィールドの種類は、ルピー記号を使用した 20 桁のルピーをサポートするか、パーセントで置き換えることができます。
<p>固定値を選択するオプションが選択されている場合、入力フィールドのタイプはルピー値であり、ルピー記号を含む 20 桁のみがサポートされます。パーセントを選択すると、ルピー記号がパーセント記号に置き換えられ、ボタン </p> をクリックせずに値を入力できる値のタイプは 2 桁のみになります。
<p>このコードは正常に動作しますが、2 つの小さな問題が発生しています。
1. Web ページが固定値に設定されたデフォルト値を読み込む場合 (ただし、入力値とルピー記号が機能しない</p><p>
2. 値を変更すると、両方とも機能しますが、値は変更された状態に自動的にリセットされません。ユーザーが単一のパーセンテージを選択した場合、パーセンテージ値は変更されなくなりました。コードのいずれかの部分を確認してください。
これは同様のコードです</p>
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html>
<頭>
<title>入力フィールド</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<スクリプト>
$(document).ready(function() {
$('#dropdown').change(function() {
var selectedOption = $(this).val();
if (selectedOption === '固定') {
$('#inputField').attr('maxlength', '20');
$('#inputField').on('input', function() {
var 値 = $(this).val();
var formattedValue = '₹' value.replace(/D/g, '').replace(/(d)(?=(d{3}) (?!d))/g, '$1,');
$(this).val(formattedValue);
});
else if (selectedOption === 'パーセント') {
$('#inputField').attr('maxlength', '2');
$('#inputField').on('input', function() {
var 値 = $(this).val();
var formattedValue = value.replace(/D/g, '') '%';
$(this).val(formattedValue);
});
}
});
});
</スクリプト>
</head>
<本体>
<id="ドロップダウン" を選択>
<option value="fixed">固定値</option>
<option value="percentage">割合</option>
</選択>
<input type="text" id="inputField">
</ボディ>
</html></pre>
<p><br /></p>
