使用js函数设置文本框值?

时间:2014-01-02 14:51:42

标签: javascript

有两个文本字段,它们都将以nuber作为输入。他们是: 1)内容的数量 2)单词数量

分别提供用于收集此值的输入框。

<input type="text" id="A1" data-msg-required="Please enter the subject." maxlength="100" class="form-control" name="ncontent" id="subject">

<input type="text" id="B1" onchange="valueCalculate()" data-format="0" value="" data-msg-required="Please enter the subject." maxlength="100" class="form-control" name="nword" id="subject">

取决于第一个文本框,第三个文本框的值将被更改。 (这是隐藏的)

<input type="hidden" id="C1" data-format="$ 0,0[.]00"  maxlength="100" class="form-control" name="" id="subject">

我写的脚本是:

<script>
        function valueCalculate() {
            var contentNum = document.getElementById("A1").value;
            alert(contentNum);
            var noOfWords = document.getElementById("B1").value;
            alert(noOfWords);
            var rate = document.getElementById("C1");
            rate.value = 0;
            if (contentNum < 5) {
                rate.value = 0.03;
            } else if (contentNum > 4 && contentNum < 15) {
                rate.value = 0.027;
            } else if (contentNum > 14 && contentNum < 26) {
                rate.value = 0.024;
            } else {
                rate.value = 0.020;
            }
            alert(rate.value);
            var final = contentNum * numOfWords * rate.value;

        }
    </script>

此后,根据第三个隐藏文本框的值,第四个文本框的值将是可见的,不会隐藏但禁用。对于第三个方框的固定值,该部分有效,所以我在这里没有提到那个部分。任何有关设置第三个文本框值的帮助都会非常值得注意。

N.B。:脚本的所有警报都准确显示值。

1 个答案:

答案 0 :(得分:0)

我猜这是你要做的事情?

window.onload = function(){

var A1 = document.getElementById("A1");
//var B1 = document.getElementById("B1");

A1.addEventListener("keyup", valueCalculate);

}