国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Avalonjs雙向數據綁定與監聽的實例代碼

2019-11-19 16:15:51
字體:
來源:轉載
供稿:網友

廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:

<div class="content_table" ms-controller="checkname">  <table>    <thead>      <tr>        <th width="15%">提交核名</th>        <th width="85%">請提供您打算使用的3個公司名稱,我們將幫您注冊并向登記機關提交您的核名信息。</th>      </tr>    </thead>    <tbody >      <tr>        <td colspan="2">          <p class="or">看我的公司名是否已被占用</p>          <a class="refer">立即查詢</a>        </td>      </tr>      <tr>      <td colspan="2">        <p class="matter">          <label>            <span>行政區域:</span>            <select name="" id="selArea" class="select_t" :duplex="@AdministrativeRegions">              <option value="天津市">天津市</option>            </select>          </label>        </p>        <form action="" id="c_name">        <p class="matter">          <label>            <span>字號:</span>            <input class="thing thing_nn" type="text" placeholder="云信" name='c_name' ms-duplex="@FiledOne"><br>            <input class="thing thing_nn thing_add" type="text" name='s_name' placeholder="請輸入第二個公司名稱" ms-duplex="@FiledTwo"><br>            <input class="thing thing_nn thing_add" type="text" name='t_name' placeholder="請輸入第三個公司名稱" ms-duplex="@FiledThree">            <p class="err_tips"></p>            <h4 style="font-weight: 300;width: 80%;margin: 0 0 20px 65px;"><em>提示:</em>1.企業名稱=行政區域+字號+行業特點+公司類型,如北京云信科技有限公司,字號則為云信;2.字號由兩個以上的漢字組成,不可輸入外國文字、漢語拼音、阿拉伯數字;</h4>          </label>        </p>        </form>        <p class="matter">          <label>            <span>行業特點:</span>            <select ms-duplex="@firstSelected" class="select_t thing" id="trade_a">              <option ms-for="el in @first" ms-attr="{value:el}" >{{el}}</option>            </select>            <select class="select_t thing" id="trade_b" :duplex="@secondSelected">              <option ms-for="el in @second" ms-attr="{value:el}" >{{el}}</option>            </select>          </label>        </p>        <p class="matter">          <label>            <span>公司類型:</span>            <a style="display: inline-block;">{{@TypeOfCompany}}</a>          </label>        </p>        <div class="text_t">根據您輸入的信息生成的名稱如下(請選擇您中意的3個名稱):</div>        <div class="three_select">          <label><input type="checkbox" name="apk[]" value="1">{{@AdministrativeRegions + @FiledOne + @secondSelected + @TypeOfCompany}}</label>          <label><input type="checkbox" name="apk[]" value="2">{{@FiledOne }} ({{@AdministrativeRegions}}) {{@secondSelected + @TypeOfCompany}}</label>          <label><input type="checkbox" name="apk[]" value="3">{{@FiledOne + @secondSelected }} ({{@AdministrativeRegions}}) {{@TypeOfCompany}}</label>          <!--<label><input type="checkbox" name="apk[]" value="10">{{@AdministrativeRegions + @FiledOne + @secondSelected + @TypeOfCompany}}</label>          <label><input type="checkbox" name="apk[]" value="11">{{@FiledOne }} ({{@AdministrativeRegions}}) {{@secondSelected + @TypeOfCompany}}</label>          <label><input type="checkbox" name="apk[]" value="12">{{@FiledOne + @secondSelected }} ({{@AdministrativeRegions}}) {{@TypeOfCompany}}</label>-->          <div class="my_comp_f">            <label><input type="checkbox" name="apk[]" value="4">{{@AdministrativeRegions + @FiledTwo + @secondSelected + @TypeOfCompany}}</label>            <label><input type="checkbox" name="apk[]" value="5">{{@FiledTwo}} ({{@AdministrativeRegions}}) {{@secondSelected + @TypeOfCompany}}</label>            <label><input type="checkbox" name="apk[]" value="6">{{@FiledTwo + @secondSelected}} ({{@AdministrativeRegions}}) {{@TypeOfCompany}}</label>          </div>          <div class="my_comp_t">            <label><input type="checkbox" name="apk[]" value="7">{{@AdministrativeRegions + @FiledThree + @secondSelected + @TypeOfCompany}}</label>            <label><input type="checkbox" name="apk[]" value="8">{{@FiledThree}} ({{@AdministrativeRegions}}) {{@secondSelected + @TypeOfCompany}}</label>            <label><input type="checkbox" name="apk[]" value="9">{{@FiledThree + @secondSelected}} ({{@AdministrativeRegions}}) {{@TypeOfCompany}}</label>          </div>        </div>        <div class="table_button">          <!--<a class="next_step" href="submit_name_perfect.html" rel="external nofollow" >下一步,完善核名信息</a>-->          <a class="next_step" href="javascript:void(0);" rel="external nofollow" >下一步,完善核名信息</a>        </div>      </td>    </tr>    </tbody>  </table></div><script src="https://cdnjs.cloudflare.com/ajax/libs/avalon.js/2.2.4/avalon.min.js"></script>$(document).ready(function(){  var citys=$('#selArea').val();if(citys == "天津市"){  $('.refer').attr("href","http://zzsb.tjmqa.gov.cn/selfreport/nameregister/goMain");  $('#selArea').append('<option>天津</option><option>天津濱海新區</option><option>天津市濱海新區</option>');}else if(citys == "綿陽市"){  $('#selArea').append('<option>綿陽</option><option>綿陽高新區</option>');}});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()});

以上所述是小編給大家介紹的Avalonjs雙向數據綁定與監聽的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 万州区| 长子县| 科尔| 洛浦县| 湛江市| 和顺县| 潞城市| 拉孜县| 湄潭县| 资源县| 丹江口市| 金川县| 应城市| 合肥市| 阜阳市| 高陵县| 仙桃市| 保定市| 中牟县| 宕昌县| 射阳县| 哈密市| 五原县| 望奎县| 诏安县| 灌南县| 卢湾区| 永年县| 黄龙县| 北宁市| 泽州县| 偃师市| 蒲城县| 兴安盟| 峨眉山市| 万年县| 永新县| 水城县| 襄城县| 芜湖县| 墨竹工卡县|