選擇不同選項時，輸入欄位類型可以支援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>
讓我們簡化事情，創建一個單獨的函數，並基於該函數在文字欄位上應用您的邏輯。
範例：
$('#dropdown').change(function() { var selectedOption = $(this).val(); check(selectedOption); }); $('#inputField').on('input', function() { var selectedOption = $('#dropdown :selected').val(); check(selectedOption); }); function check(inp) { var value = $('#inputField').val(); if (inp === 'fixed') { $('#inputField').attr('maxlength', '20'); var formattedValue = '₹' + value.replace(/\D/g, '').replace(/(\d)(?=(\d{3})+(?!\d))/g, ','); $('#inputField').val(formattedValue); } else { $('#inputField').attr('maxlength', '2'); var formattedValue = value.replace(/\D/g, '') + '%'; $('#inputField').val(formattedValue); } }