主页 / 问题 / 744725
Accepted
YourDeveloper
Asked:2020-11-15 00:38:18 +0000 UTC2020-11-15 00:38:18 +0000 UTC

向 input + ui 滑块添加空格

  • 772

如何让它的末尾立即有空格和符号，这样当滑块的值发生变化时，也有带符号的空格，但现在事实证明，只有当你从键盘输入一个值时，一切添加了所需的内容。帮助 ：（

var inp_1 = $('#test');
var slider2 = $('#runner_2').slider({
  range: 'max',
  min: 100000,
  max: 1000000,
  value: 180000,
  step: 20000,
  slide: function(event, ui) { // присваеваем значение бегунка инпуту 
    inp_1.val(ui.value);
    var test = inp_1.val;
    if (ui.value > 100000) { // если были изменения, то показываем шаг 2
      $('.s-calc-step2').css('display', 'block');
    } else {}
  }
});


test.onkeypress = event => {
  // Control buttons
  if (event.key.length > 1) return true;
  test.value = (test.value + event.key)
    .replace(/\D/g, '')
    .replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 ') +
    '₽';
  event.preventDefault();
}
<input id="test" type="text">
<div id="runner_2"></div>

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>

javascript

1 个回答

  1. Best Answer

    好吧，如果您从字面上理解这个问题，您会从滑块中获得一个数值，并且您需要在滑动期间将此值 + 文本输出到输入？如果是，那么这一行

    inp_1.val(ui.value);

    替换为这个，将文本添加到值中：

    inp_1.val( ui.value + " рублей" );

    没错，那么从输入数字的值中反向提取会变得有点困难，因为现在它包含文本，而不是数字。

    • 0

相关问题