在我选择了一个模板之后,自动赋相对应的值到文本框内

图片说明
选中报告表的时候,就直接将“111”赋值到2的文本框,“222”赋值到3的文本框

$("#选择模板").on('change', function() {
var value = $("#选择模板").val();
$("#主要监管工作").attr('title',value);
.....
)}

以下三种方式实现,望采纳交流:

 1. $("#select_id ").get(0).selectedIndex=1;                         //设置Select索引值为1的项选中 
2. $("#select_id ").val(4);                                                  //设置Select的Value值为4的项选中 
3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 

这是我之前做的一个功能,要求和你差不多,不过我需要通过ajax获取数据之后再传给文本框
$("#templateNo(我做的模板)").change(function(){
$('jobContentStr(文本框)').val('');//赋值前先清理文本框内容,否则会保留原有内容
$('#version').val('');
$('templateSeqNo').val('');
var SeqNoVersion = $("#templateNo").val();
var str=SeqNoVersion.split('_');
var templateSeqNo=str[0];
var version=str[1];
$.ajax({
url:'loadContentWithChecked.htm',
async : false,
data :{templateSeqNo:templateSeqNo,version:version},
method:'post',
dataType : 'json',
success:function(data){
var desc=data.root[0].jobContentDesc;//ajax获取到的需要填入文本框的内容
$('#jobContentStr').val(desc);
var ver=data.root[0].version;
$('#version').val(ver);
var No=data.root[0].templateSeqNo;
$('#templateSeqNo').val(No);
}
});
});

    希望可以帮到你

    按照你的要求简化的话,下面就可以
            $("#模板").change(function(){
        $('主要监管工作').val('');//赋值前先清理文本框内容,否则会保留原有内容
        $('其他监管工作').val('');//赋值前先清理文本框内容,否则会保留原有内容

        var desc1 = "1111";
        $('#主要监管工作').val(desc1);
        var desc2 = "2222";
        $('#其他监管工作').val(desc2);

    });

我是三楼的,给楼主补个图片效果
图一
图片说明
图二
图片说明

你这个应该是有一个json数组的数据或者是根据模板去数据库查数据,不同的模板对应不同的数据,对吧。这个用js很简单就能实现,参考下楼上的,熟悉js的很快就能明白