javascript element.value не меняет html значение - PullRequest
Новая
       5

javascript element.value не меняет html значение

0 голосов
/ 06 апреля 2020

У меня есть ползунок, который должен влиять на поле ввода числа из двух чисел. К сожалению, отображаемое значение изменяется, но при использовании в форме отправляемое значение по-прежнему равно value = "". Также Инспектор не показывает изменений атрибута html. Что я не прав? Заранее спасибо! 

var slider = document.getElementById('sliderAmount');
var output = document.getElementById('cc_amount_value');
var output_s = document.getElementsByClassName('qty server');
var output_c = document.getElementsByClassName('qty client');
var getDefaultAmount = 1
;
output.innerHTML = slider.value;
for (i = 0; i < output_s.length; i++) { output_s[i].value = 1; } 
for (i = 0; i < output_c.length; i++) { output_c[i].value = getDefaultAmount-1; } 

output_s.innerHTML = 1;
output_c.innerHTML = getDefaultAmount-1;

slider.oninput = function() {

   if (this.value == 1) {
        output_s.innerHTML = 1;
        output_c.innerHTML = 0;
        for (i = 0; i < output_s.length; i++) { output_s[i].value = 1; } 
        for (i = 0; i < output_c.length; i++) { output_c[i].value = 0; } 
    } 
    else if (this.value > 1) {
        output_s.innerHTML = 1;
        output_c.innerHTML = this.value-1;
        for (i = 0; i < output_s.length; i++) { output_s[i].value = 1; } 
        for (i = 0; i < output_c.length; i++) { output_c[i].value = this.value-1; } 
    }   
   output.innerHTML = this.value;
}
<input type="range" min="1" max="100" value="1" class="slider" id="sliderAmount" name="cc_amount">
<br />
<strong>Value: </strong><span id="cc_amount_value"></span><br/>
<br />
S <input type="number" id="quantity_548" class="input-text qty text server" step="1" min="0" max="" name="quantity[1478]" value="" title="Menge" size="4" placeholder="0" inputmode="numeric" disabled="disabled" readonly>
<br />
C <input type="number" id="quantity_548" class="input-text qty text client" step="1" min="0" max="" name="quantity[879]" value="" title="Menge" size="4" placeholder="0" inputmode="numeric" disabled="disabled" readonly>
...