Question

我正在尝试向带有预设选项的表单添加下拉列表。当用户选择一个选项时，我希望根据下拉选项完成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

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

Answer 1

这样的事情：

<强> DEMO

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

Answer 2

使用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 个答案: