从下拉列表中选择的选项填充另一个文本框/下拉值值

时间:2015-10-09 21:19:05

标签: javascript java php jquery arrays

我一直试图找到解决方案几天。我需要做的是当有人从表单下拉菜单中选择“服务频率*”时,需要自动填充“计费频率*”。因此,如果所选服务的频率为“通话服务”,则“计费频率*”将自动更改为“每次接听”,依此类推。这是一个链接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>

2 个答案:

答案 0 :(得分:0)

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

在选择框中设置jQuery观察器,然后将值复制到目标ID。此外,您可能希望为目标使用更可识别的ID,除非您以编程方式为每个选择框生成jquery。

$(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');   
        }
    });

});

答案 1 :(得分:0)

为了根据一个下拉选择设置另一个下拉列表的值,您需要创建一个键值数组并检查下拉选择的键。

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/