2017-06-16 10 views
0

範囲値を選択するときに<input type="text" id="getdobtval">に値を挿入したいとします。id = "getdobval"を入力値に挿入する方法は?

ブラウザの出力を表示するには、の代わりに<span id="getdobtval"></span>を使用しています。テキストに挿入します。どうすればjavascriptを使ってこれを解決できますか?

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(); 
 
});
<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>

+2

同じIDの2つの要素があるため問題があります。それは無効です。また、 'input'要素の値を設定するには' html() 'ではなく' val() 'を使う必要があります。 –

+0

実際になしで出力されているのですが、と置き換えます。で試しましたが、出力しませんでした。 – maffidesigners

+0

あなたは 'スパン'を取り除くことができますか? –

答えて

2

dobtval

<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は一意である必要がありますように異なるIDを持つ非表示の入力ボックスを作成しますが、あなたの場合同じHTMLをしたいし、differentiaをしたい

$('span#getdobtval').html('....'); // use html() span/div 
$('input#getdobtval').val('....'); // use val() for input/textarea 
関連する問題