1

<select>jQueryを介してHTMLに挿入しているドロップダウンがあります。HTMLは制御できませんが、JavaScriptは制御できます。

<input>オプションを選択するときに、要素に値を提案しようとしています。基本的に、この要素のonChange<select>を持つ要素が<option id="1">あります。 選択した場合、値dummy1 toと値dummy2toをプロペラする必要があり ます。選択した場合、値dummy3toと値dummy4toをプロペラする必要があります。<option id="2"> <select>
option#1input[name="Check_Config_PaymentGateway_CreditCards_Login1"]input[name="Check_Config_PaymentGateway_CreditCards_Password"]
option#2input[name="Check_Config_PaymentGateway_CreditCards_Login1"]input[name="Check_Config_PaymentGateway_CreditCards_Password"]

私はこのjsFiddleに取り組んできました。

jQueryは言うまでもなく、JavaScript全般についてはかなり新しいです。これは私のスキルを磨く方法です...あなたが私を助けてくれるなら、私はそれを本当に感謝します。

4

3 に答える 3

0

以下のようなものを試してください、

編集：キャッシュされた入力テキストボックス。

デモ

var dummyValues = [['dummy1', 'dummy2'], ['dummy3', 'dummy4']];

var $loginInput = $('input[name=Check_Config_PaymentGateway_CreditCards_Login1]');
var $pwdInput = $('input[name=Check_Config_PaymentGateway_CreditCards_Password]');

$('#paymentDD').change(function () {
  var selectedVal = parseInt($(this).val(), 10) - 1;
  $loginInput.val(dummyValues [selectedVal][0]);
  $pwdInput.val(dummyValues [selectedVal][1]);
});

dummyValuesドロップダウンに移動オプションを追加すると、varが更新されます。

于 2012-04-10T21:06:34.760 に答える
0

私は可能な限り要素をキャッシュするのが好きなので、それが私がしていることです。また、jsFiddleで最新のjQuery（1.7.2）を使用していることもわかりました。推奨される.on()方法を使用してから、すぐに呼び出し.change()てロード時にデータを入力してみませんか？

あなたはこのようなことを試すことができます：

var $span = $('span#print_pagename'),
    $login = $('input[name="Check_Config_PaymentGateway_CreditCards_Login1"]'),
    $password = $('input[name="Check_Config_PaymentGateway_CreditCards_Password"]'),
    $select = $('<select><option id="1">1</option><option id="2">2</option></select>');

$span.after($select);

$select.on('change', function() {

    var $this = $(this);

    if ($this.val() === '1') {

        $login.val('dummy1');
        $password.val('dummy2');

    } else if ($this.val() === '2') { 

        $login.val('dummy3');
        $password.val('dummy4');

    }

}).change();
于 2012-04-10T21:14:43.503 に答える
0

どうぞ： http： //jsfiddle.net/VW9N6/6/

changeこれは、要素のイベントにバインドして、<select>その値がいつ変更されたかを検出し、<input>要素の値を更新します。

于 2012-04-10T21:15:25.183 に答える