0

購入アイテムの番号を入力できるhtmlフォームがあります。そのテキストフィールドのデフォルト値は1です。

<input type="text" size="5" value="1" id="position" class="amntstyle" name="position">

値が自動的に位置の15倍になる価格の別のテキスト入力フィールドが必要です。

たとえば、誰かがポジションフィールドに3を入力すると、価格入力フィールドは自動的に値45を取得します。このような

<input type="text" size="5" value="45" id="price" class="amntstyle" name="price">

出来ますか？

どうもありがとうございました。

4

5 に答える 5

0

YUI3のバージョンは次のとおりです。 

<script src="http://yui.yahooapis.com/3.6.0/build/yui/yui-min.js"></script>
<script>
    YUI().use("node", function(Y) {
        var priceNode = Y.one("#price");
        var positionNode = Y.one("#position");
        positionNode.on("change", function(e) {
             priceNode.set("value", positionNode.get("value")*15);
        });
    });
</script>

于 2012-08-16T06:46:12.880 に答える
0

実際のデモ: http://jsfiddle.net/YgheP/

特定のシナリオ用に作成しましたが、必要に応じて微調整できます。

それがあなたの原因を養うことを願っています。:)

isNaNチェック値とフロート値も探してください。parseFloat(string)

コード

$('#position').keyup(function() {
    var price = parseInt(this.value) * 15;

    $('#price').prop('value', price);
});​
于 2012-08-16T06:42:22.320 に答える
0

このコードを使用して、問題を解決するイベント ハンドラーをアタッチできます。

$("#position").bind("change", function(){
   $("#price").val(parseInt($("#position").val()) * 15);
});

それが役立つことを願っています

于 2012-08-16T06:42:37.460 に答える
0

シンプルな使用javascript機能とonkeyup

<script type="text/javascript">
    function updatePrice(amount, element){
       var amount = parseInt(amount);
       if(!amount) amount = 0;
       var toUpdate = amount*15;
       document.getElementById(element).value = toUpdate;
    }
</script>


<input type="text" size="5" value="1" id="position"  class="amntstyle" name="position"  onkeyup="updatePrice(this.value,'price');">
<input type="text" size="5" value="45" id="price" class="amntstyle" name="price">
于 2012-08-16T06:41:41.367 に答える
0

jquery を使用している場合は、プラグイン formInteract を使用して、これを行うだけです。

<input type="text" size="5" value="1" id="position" class="amntstyle" name="position"> 

<input type="text" size="5" value="45" id="price" class="amntstyle" name="price" data-bind-change-value="#position*15">

ページの下部にこのプラグイン ファイルをインクルードするだけで、他のすべての作業は自動的に行われます。

ここにプロジェクトへのリンクがあり ます https://bitbucket.org/ranjeet1985/forminteract

このプラグインは、フォームの値の取得、フォームへの値の設定、フォームの検証など、さまざまな目的で使用できます。プロジェクトのindex.htmlファイルでコードの例を見ることができます

于 2015-02-04T12:17:44.973 に答える