Avalonjs双向数据绑定与监听的实例代码-创新互联

废话不多说了，直接给大家贴代码了，具体代码如下所示：

创新互联建站是专业的天桥网站建设公司，天桥接单;提供成都网站制作、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行天桥网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

  

    

      

        
提交核名
        
请提供您打算使用的3个公司名称，我们将帮您注册并向登记机关提交您的核名信息。
      
    
    

      

        

          
看我的公司名是否已被占用
          立即查询
        
      
      

      

        

          
            行政区域：
            
              天津市
            
          
        
        

        

          
            字号：
            

            

            
            

            
提示：1.企业名称=行政区域+字号+行业特点+公司类型，如北京云信科技有限公司，字号则为云信；2.字号由两个以上的汉字组成，不可输入外国文字、汉语拼音、阿拉伯数字；
          
        

        
        

          
            行业特点：
            
              {{el}}
            
            
              {{el}}
            
          
        
        

          
            公司类型：
            {{@TypeOfCompany}}
          
        
        
根据您输入的信息生成的名称如下（请选择您中意的3个名称）：
        

          {{@AdministrativeRegions + @FiledOne + @secondSelected + @TypeOfCompany}}
          {{@FiledOne }} ({{@AdministrativeRegions}}) {{@secondSelected + @TypeOfCompany}}
          {{@FiledOne + @secondSelected }} ({{@AdministrativeRegions}}) {{@TypeOfCompany}}
          
          

            {{@AdministrativeRegions + @FiledTwo + @secondSelected + @TypeOfCompany}}
            {{@FiledTwo}} ({{@AdministrativeRegions}}) {{@secondSelected + @TypeOfCompany}}
            {{@FiledTwo + @secondSelected}} ({{@AdministrativeRegions}}) {{@TypeOfCompany}}
          
          

            {{@AdministrativeRegions + @FiledThree + @secondSelected + @TypeOfCompany}}
            {{@FiledThree}} ({{@AdministrativeRegions}}) {{@secondSelected + @TypeOfCompany}}
            {{@FiledThree + @secondSelected}} ({{@AdministrativeRegions}}) {{@TypeOfCompany}}
          
        
        

          
          下一步，完善核名信息
        
      
    
    
  


$(document).ready(function(){
  var citys=$('#selArea').val();
if(citys == "天津市"){
  $('.refer').attr("href","http://zzsb.tjmqa.gov.cn/selfreport/nameregister/goMain");
  $('#selArea').append('天津天津滨海新区天津市滨海新区');
}else if(citys == "绵阳市"){
  $('#selArea').append('绵阳绵阳高新区');
}
});
var map = {
  "科技类": ['请选择','科技','教育科技','科技发展','生物科技','电子科技','环保科技','网络科技','生化科技','激光科技','节能科技','能源科技','农业科技','医药科技等'],
  "技术类": ['请选择','技术','环境技术','农业高新技术','检测技术','信息技术','经济技术','消防技术','工程技术','机电技术','生物技术','新能源技术'],
  "文化类": ['请选择','文化','文化发展','文化传播','文化传媒','文化交流'],
  "咨询类": ['请选择','咨询','信息咨询','教育咨询','投资咨询','管理咨询','建筑设计咨询','文化信息咨询'],
  "培训类": ['请选择','培训','技术培训','企业管理培训','计算机技术培训'],
  "设计类": ['请选择','设计','建筑设计','家居装饰设计','旅游规划设计'],
  "服务类": ['请选择','服务','劳务服务','会议服务','家政服务','商务服务','婚庆服务'],
  "广告类": ['请选择','广告','广告传媒'],
  "商贸类": ['请选择','商贸','贸易','服装装饰','针纺织品','装饰品'],
  "贸易类": ['请选择','进出口贸易'],
  "租赁类": ['请选择','建筑机械设备租赁','骑车租赁'],
  "工程类": ['请选择','工程','建筑工程','装饰工程','园林绿化工程','照明工程','通讯工程'],
  "物流类": ['请选择','物流','物流运输'],
  "管理类": ['请选择','管理','投资管理','企业管理','餐饮管理','管理顾问','金融管理'],
  "维修类": ['请选择','维修','电器维修','机械维修'],
  "机械设备类": ['请选择','机械设备','办公设备','消防设备','自控设备','机电设备','冷暖设备','环保设备','测试设备','电力设备','实验室设备'],
  "印刷类": ['请选择','印刷','印刷设计','印刷技术','印刷器材'],
  "医疗器械": ['请选择','医疗器械'],
  "养殖": ['请选择','养殖'],
  "房地产经纪": ['请选择','房地产经纪']
};
var vm = avalon.define({
  $id: 'checkname',
  AdministrativeRegions: '天津',
  FiledOne: '云信',
  FiledTwo: '',
  FiledThree:'',
  Features:'科技',
  TypeOfCompany:'有限公司',
  first: ["科技类", "技术类", "文化类","咨询类","培训类","设计类","服务类","广告类","商贸类","贸易类","租赁类","工程类","物流类","管理类","维修类","机械设备类","印刷类","医疗器械","养殖","房地产经纪"],
  second: map['科技类'].concat(),
  firstSelected: "科技类",
  secondSelected: "请选择",
});
vm.$watch("firstSelected", function (a) {
  vm.second = map[a].concat()
  vm.secondSelected = vm.second[0] 
});
vm.$watch("FiledTwo", function (a) {$('.my_comp_f').show()});
vm.$watch("FiledThree", function (a) {$('.my_comp_t').show()});

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享文章：Avalonjs双向数据绑定与监听的实例代码-创新互联
网页地址：http://cdkjz.cn/article/hhhgd.html