billing_stateドロップダウンリストがshipping_stateドロップダウンリストと同じになるように自動的に事前選択する方法

Question

私はグーグル上を見渡しました。私は探しているものが分からないと思います比較的簡単なことをしてください。私はオンラインで回答を見つけることができない場合にのみ、ここで質問をします。

私はプレーンジャバスクリプトで答えを探しています。私はjqueryを使いたくありません。どうもありがとうございます！

フォームをオンラインで記入してチェックアウトする方法を知っている場合は、「請求情報と出荷情報が同じ場合はチェックボックスをオンにしてください」というオプションをクリックし、請求情報に自動的に配送情報が入力されます。

私はすべての入力タイプテキストが正しく動作するために取得することができるが、私はbilling_stateのための選択ドロップダウンボックスが既にshipping_stateのために選択されているものと同じであることを得るように見えることはできません。

私はすべての州を使用しています。以下は例を単純化するためのものです。

私はonchange="setBillingAddress(this)"というチェックボックスを持っており、if文を使ってボックスがチェックされているかどうかを確認しています。だからすべてが完璧に動作します。

billing_stateドロップダウンリストで強調表示されるshipping_stateで設定されたbilling_stateドロップダウン値を取得できました。クリックした後にshipping_stateドロップダウンリストにある値に値が設定されていることがわかりますドロップダウンリスト）。 「状態を選択」をクリックすることなく状態を事前選択して表示するようにしたい。

私の質問は、setBillingAddress()関数の中に何を入れて、billing_stateを事前に選択してユーザーに表示させるかを示しています。そのため、値を指定しても[select state]という別のドロップダウンボックスは表示されません。すでに設定されています。

2つのドロップダウンメニューがあります。 1つはshipping_stateというIDを持ち、もう1つはbilling_stateというIDを持つbilling_stateという名前です

Answer 1

にすべてのものを想定した（請求先住所の「変更」イベントハンドラを追加し、ハンドラでは、請求先住所の選択されたインデックスに一致するように配送先住所の選択されたインデックスを設定します選択リストが一致していなければなりません）。ここでアクションでそれを参照してください。

http://jsfiddle.net/4AcjD/10/

ここではHTMLです：、私はここにマークを逃したかもしれない

var billingState = document.getElementById("billingState"); 
var shippingState = document.getElementById("shippingState"); 
billingState.addEventListener("change", 
    function() { 
     shippingState.selectedIndex = billingState.selectedIndex; 
    }); 

Answer 2

selectの値をもう一方の値に設定するだけで済みます。古い質問のいくつかを調べて回答を受け入れることができます。

http://jsfiddle.net/pZZQt/

function setBillingAddress(elem) { 
    document.getElementById('billing_state').value = elem.value; 
}​