從下拉菜單中選擇的選項將填充另一個文本框/下拉值

Question

我已經嘗試了幾天的解決方案。 我需要做的是，當某人從表單下拉菜單中選擇“服務頻率*”時，需要自動填充“結算​​頻率*”。 因此，如果選擇的服務頻率是“按需服務”，則“計費頻率*”將自動更改為“每次代答”，依此類推。 這是鏈接http://jsfiddle.net/k4hYE/47/

 <label for="00NA00000047Jk8" class="label">Frequency of Service*<select id="00NA00000047Jk8" name="00NA00000047Jk8" title="Frequency of Service" required><option value="">--None--</option>

<option value="On-Call Service">On-Call Service</option>
<option value="Every Six Months (2 Stops Annually)">Every 6 Months (2x Year)     </option>
<option value="Every Three Months (4 Stops Annually)">Every 3 Months (4x Year)</option>
<option value="Every Other Month (6 Stops Annually)">Every Other Month (6x Year)</option>
<option value="Monthly (12-13 Stops Annually)">Monthly (12-13x Year)</option>

每隔一周（26x年）每隔一周（52x年）

</label></div>

Answer 1

更新的小提琴： http : //jsfiddle.net/k4hYE/50/

在選擇框中設置一個jQuery watcher，然后將值復制到目標ID。 另外，除非您以編程方式為每個選擇框生成jquery，否則您可能希望為目標使用更可識別的ID。

$(document).ready(function($){

    $('#00NA00000047Jk8').change(function(){
       var val = $(this).val();
        if (val == "On-Call Service"){
            $('#00NA0000005wIiU').val('Per Pickup');
        }
        else {
            alert('Finish the if/then tree for the rest');   
        }
    });

});

Answer 2

為了基於一個下拉菜單選擇設置另一個下拉菜單的值，您需要創建一個鍵值數組並檢查下拉菜單選擇的鍵。

var objArray = {"On-Call Service": "Per Pickup"};
$("#00NA00000047Jk8").change(function()
{
    var ddText = $(this).val();
    $.each(objArray,function(key,value)
    {
        if(ddText == key)
            $("#00NA0000005wIiU").val(value);
    });
});

小提琴： http : //jsfiddle.net/k4hYE/51/