4

ユーザーが値を入力する入力テキスト フィールド ( name: qtyText) があります。name: qtyTextHiddenJavaScript を使用して、この値を別の非表示フィールド ( ) の値として設定したいと考えています。どうすればそれについて行くことができますか？

HTML

<input name = "qtyText" type = "textbox" size = "2" value = "" />
<input type="hidden"  value = "" name="qtyTextHidden"/>

JS を使用してフィールド値を設定しようとしましたが、値をサーブレットに送信できません。そのため、関数を使用して値を直接設定し、それをサーブレットに送信しようとしています。value = someJSFunction()種類が欲しいです。この関数は、「qtyText」入力フィールドの「onChange」でトリガーする必要があります。

4

3 に答える 3

7

jQuery の使用:

$(document).ready(function() {
    $('input:text[name="qtyText"]').keyup(function() {
        $('input:hidden[name="qtyTextHidden"]').val( $(this).val() );
    });
});

JavaScript の使用:

window.onload = function() {
    if(document.readyState == 'complete') {
        document.getElementsByTagName('input')[0].onkeyup = function() {
            document.getElementsByTagName('input')[1].value = this.value;
        };
    }
}:
于 2013-03-09T16:10:58.523 に答える
1

隠しフィールドの値を設定する最も簡単な方法は、JavaScript 関数を使用してfrom、to、およびform名前の 3 つのパラメーターを渡すことです。 

<script type="text/javascript">
    function someJSFunction(form, from, to){
      var el_from=form[from], el_to=form[to];
      el_to.value=el_from.value;
      return el_to.value;
    }
</script>
<form name="myform">
<input name = "qtyText" type = "textbox" size = "2" value = "" onchange="someJSFunction(myform, 'qtyText', 'qtyTextHidden')"/>
<input type="hidden"  value = "" name="qtyTextHidden"/>
于 2013-03-09T18:04:41.690 に答える
1

私はお勧めします：

function updateHidden(valueFrom, valueTo) {
    valueTo.value = valueFrom.value;
}

var inputs = document.getElementsByTagName('input'),
    textInputs = [],
    hiddenInputs = [],
    refersTo;

for (var i = 0, len = inputs.length; i < len; i++) {
    switch (inputs[i].type) {
        case 'hidden':
            hiddenInputs.push(inputs[i]);
            break;
        case 'text':
        default:
            textInputs.push(inputs[i]);
            break;
    }
}

for (var i = 0, len = textInputs.length; i < len; i++) {
    refersTo = document.getElementsByName(textInputs[i].name + 'Hidden')[0];
    if (refersTo !== null) {
        textInputs[i].onchange = function () {
            updateHidden(this, document.getElementsByName(this.name + 'Hidden')[0]);
        };
    }
}

JS フィドルのデモ。

ちなみに、ありません type="textbox"。まったく。今まで。HTML 5 でなくても、HTML のどこでもtype="text": それは. それが機能する唯一の理由type="textbox"は、ブラウザが途方もなく寛容であり、typeが理解されない場合、デフォルトでtype="text".

于 2013-03-09T16:13:48.703 に答える