根据下拉选项完成多个文本框答案

【问题标题】：complete multiple texboxes based on dropdown option根据下拉选项完成多个文本框
【发布时间】：2015-06-10 11:34:51
【问题描述】：

我正在尝试向带有预设选项的表单添加下拉菜单。当用户选择一个选项时，我希望根据下拉选项完成 2 个单独的文本框。

基本大纲：

if dropdown value = 1 fill text box 1 with 00:00 and text box 2 with 01:00
if dropdown value = 2 fill tex box 1 with 01:00 and text box 2 with 02:00

希望这已经足够清楚了吗？我知道如何使用为下拉选项设置的值设置单个文本框，但这不适合所需的内容。

【问题讨论】：

标签： javascript jquery html forms

【解决方案1】：

使用 jQuery，为您的选择框添加一个更改监听器，并根据您选择的值更新里面的输入：

$(function(){

    $("#select1").on("change",function(){
        var curVal = $(this).val();
        if(curVal == "1"){
            $("#input1").val("00:00");   
            $("#input2").val("01:00");  
        }else if(curVal=="2"){
           $("#input1").val("01:00");   
           $("#input2").val("02:00");  
        }
    });
});

这是一个例子http://jsfiddle.net/iaretyler/zfruguj7/

【讨论】：

【解决方案2】：

类似这样的：

DEMO

$("#selectOpt").on('change',function(){
    var value=parseInt($(this).find('option:selected').val());
    $("#txt1").val("0"+(value-1)+":00");
    $("#txt2").val("0"+(value)+":00");
});

【讨论】：