Question

我想在选择范围值时将值插入<input type="text" id="getdobtval">。

要使用<span id="getdobtval"></span>代替此span在浏览器中显示输出，我希望插入到文本中。如何使用javascript解决这个问题？

＆＃13;

jQuery(document).ready(function() {
  $('#slider-bottom').slider().on('slide', function(ev) {
    var finalvalue = '';
    var finalbtvalue = '';
    var finalbtprice = '';
    var finalbitvalue = '';
    finalbtprice = 250;
    var newVal = $('#slider-bottom').data('slider').getValue();
    var textval = parseInt(newVal);

    if (textval >= 600 && textval < 6000) {
      finalvalue = 0.075;
      finalbitvalue = textval * finalvalue;
    } else if (textval >= 6000 && textval < 30000) {
      finalvalue = 0.070;
      finalbitvalue = textval * finalvalue;
    } else if (textval >= 30000) {
      finalvalue = 0.065;
      finalbitvalue = textval * finalvalue;
    }
    finalbtvalue = finalbitvalue / finalbtprice;
    if (finalbtvalue) {
      $("#getdobtval").html("<strong>" + finalbtvalue.toFixed(8) + "</strong>");
    }
  });

  $('#slider-bottom').sliderTextInput();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
  <input id="slider-bottom" type="text" name="hrate" data-slider-min="600" data-slider-max="100000" data-slider-step="1" data-slider-value="600" data-slider-tooltip="show" />
  <span id="getdobtval"></span>
  <input type="text" id="getdobtval" name="getdobtval">
  <input type="submit" name="buynow">
</form>

＆＃13;

Answer 1

创建一个隐藏的输入框，其中包含dobtval

等不同的ID

<form action="" method="post">
  <input id="slider-bottom" type="text" name="hrate" data-slider-min="600" data-slider-max="100000" data-slider-step="1" data-slider-value="600" data-slider-tooltip="show" />
  <span id="getdobtval"></span>
  <input type="hidden" id="dobtval" name="dobtval"/>
  <input type="submit" name="buynow">
</form>

在JS使用中，

....
if (finalbtvalue) {
  $('#dobtval').val(finalbtvalue.toFixed(8));// set value in input
  $("#getdobtval").html("<strong>" + finalbtvalue.toFixed(8) + "</strong>");
}
....

id必须是唯一的，但如果您需要相同的HTML，请按照标记名称区分元素，

$('span#getdobtval').html('....'); // use html() span/div
$('input#getdobtval').val('....'); // use val() for input/textarea

如何插入id =＆＃34; getdobval＆＃34;投入价值？

1 个答案: