изменить значение ввода с помощью javascript

Question

Я выполняю задание для объекта uni и имею некоторые проблемы с javascript. Я хочу иметь возможность изменять значение поля ввода на основе значения другого поля. Короче говоря, цель состоит в том, чтобы ввести количество продукта в одном поле и изменить поле рядом с ним, чтобы отобразить общую сумму денег, необходимую для покупки этого количества продуктов.

Когда я запускаю свой html, введенное количество не изменяет значение поля затрат, а im думает, что в моем javascript должно быть что-то неправильно.

Вот копия моей функции javascript и связанного с ней html для ее выполнения внутри.

SCRIPT:

function calcRowWash(){ 
    var theForm = document.forms["orderform"]; 
    var x = theForm.getElementById("quantc").value; 
    var quantity = 0; 
    if(x.value!=""){ 
     quantity = parseInt(x.value); 
    } 
    var totalC = (quantity*0.30); 
    document.getElementById("totc").value = totalC; 
    return; 
} 

HTML:

<td width = "90px" align ="left"><input type = "text" id ="quantc" name = "quantWash" size = "5" tabindex = "13" onblur="calcRowWash()"/></td> 
<td width = "90px" align ="left"><input type = "hidden" id ="totc" name = "washtotal" size = "5" tabindex = "14" value=""/></td>  

Спасибо за помощь !.

Answer 1

var theForm = document.forms["orderform"]; 
var x = theForm.getElementById("quantc").value; 

Это избыточно. Идентификаторы уникальны по всему документу, так что это будет достаточно:

var x = document.getElementById('quantc'); 

отметить также, что я удалил .value - это проблема, потому что вы тогда пытались получить значение ... значения.

Answer 2

Вы можете использовать этот JavaScript код:

var inp = document.getElementById("inp"); // getting the Input ID 
function change_value() { 
    inp.value = 'Your Value'; // <-- value 
} 

Вы можете добавить событие:

inp.onfocus = change_value; 
inp.onblur = another function with another action; 

Good Luck Ли и Хороший день.

Answer 3

<form name="myForm" action="#" method="POST"> 
    <input type = "text" id="quantc" name = "quantWash" size = "5" tabindex = "13" onblur="calcRowWash()"/> 
    <input type = "hidden" id ="totc" name = "washtotal" size = "5" tabindex = "14" value=""/> 
</form> 

function calcRowWash(){ 
    var quantity = document.myForm.quantWash.value; 
    var price = 10.0; 
    document.myForm.washtotal.value = quantity * price; 
} 

Эта функция не включает в себя элементы синтаксического анализа. Я просто хочу показать, как читать и устанавливать значение обоих полей ввода.

Answer 4

Это работает.

calcRowWash = (function(){ 
    var x = document.getElementById("quantc"); 
    var quantity = 0; 

    if (x.value!="") quantity = parseInt(x.value); 

    var totalC = (quantity*0.30); 
    document.getElementById("totc").value = totalC; 

}); 

JSFiddle.

Answer 5

попробовать с этим кодом

function calcRowWash() { 
     var x = document.forms[0]['quantc'].value; 
     var quantity = 0; 
     if (x != "") { 
      quantity = parseInt(x); 
     } 
     var totalC = (quantity * 0.30); 
     document.forms[0]['totc'].value = totalC.toString(); 

    } 

Html Markup, я изменил скрытый тип для текстового поля и это работает для меня.

<td width = "90px" align ="left"><input type = "text" id ="quantc" tabindex = "13" onblur="calcRowWash()"/></td> 
<td width = "90px" align ="left"><input type = "text" id ="totc" tabindex = "13"/></td> </div> 

Answer 6

function calcRowWash(){ 
    var theForm = document.forms["orderform"]; 
    var x = theForm.getElementById("quantc").value; 
    var quantity = 0; 

    // Check if it is not empty 
    if(x.value != ""){ 
     // Check if it is a valid number 
     if(x/x == 1){ 
      quantity = parseInt(x.value); 
     } 
    } 
    var totalC = (quantity * 0.30); 
    document.getElementById("totc").value = totalC; 
} 

это работает для меня.