跳到主要內容

[HTML/MVC] 連動 Dropdownlist 後端->View



[.CS]

            var result = new SelectList(new[]
            {
                new { Id = "A", Name = "Code A" },
                new { Id = "B", Name = "Code B" },
                new { Id = "C", Name = "Code C" },
            }, "Id", "Name");


            ViewBag.DDLData = result;


[HTML]

          <select name="ddlT" id="ddlID">        
          @foreach (var item in (SelectList)ViewBag.DDLData)
          {
            <option value="@item.Value" >@item.Text</option>
          }
        </select>

       <select name="ddlT2" id="ddlID2">
       </select>


        //依 Value 設定 Selected
         <script>
             $(document).ready(function () {
                   $("[name=ddlT] option[value='C']").attr("selected", "selected");
                   ChangeOptions();
                   $('#ddlID').change(function () { ChangeCountyOptions(); });
                   $("[name=ddlT2] option[value='3']").attr("selected", "selected");
             });

            function ChangeOptions() {
         
                var selectedCityId = $.trim($('#ddlID option:selected').val());
         
                $('#ddlID2').empty();
                $.ajax(
                {
                    url: "/THTML/GetCountyOptions/",
                    data: { cid: selectedCityId },
                    type: 'post',
                    cache: false,
                    async: false,
                    dataType: 'html',
                    success: function (data) {
                        if (data.length > 0) {
                            $('#ddlID2').append(data);
                        }
                    }
                });          
             }
         </script>


參考連結


留言

這個網誌中的熱門文章

[python] python 時區轉換 ( timezone )

python 時區轉換 import datetime as dt import pytz d = dt.datetime(2019,1,1,14,0,0) #create Taipei timezone tw = pytz.timezone('Asia/Taipei') #set d timezone is 'Asia/Taipei' twdt = tw.localize(d) #change to utc time utc_dt = twdt.astimezone(pytz.utc) *注意 網路上很多使用 d.replace(tzinfo=tw)   但是可能會出現時差問題, 如下: datetime.time(23, 18, 5, tzinfo=<DstTzInfo 'Asia/Shanghai' LMT+8:06:00 STD>) 參考文件 python时区设置——pytz模块

[HTML] 文字浮水印效果 text watermark css

[.css] .info-mask {     height: 0;       position: absolute;       margin-top:120px;   } .info-opacity {     opacity: 0.8;     color: black; } .info-text {     color: gray;     font-size: 40px;     -webkit-transform: rotate(-5deg);       line-height: 60px;     max-width:1200px;     letter-spacing:3px;     padding-left:0.8em; } [.html]     <div class="info-mask">         <p class="info-text">             WaterMarkText         </p>     </div>    <table class="table table-bordered table-striped table-responsive table-hover" style="position:                 relative;" >        <tbody class="info-opacity" >        </tbody>    </table>

[GCP] Google Cloud Platform 搬移 VM & cloud sql & datastore

建立同VM 同專案 VM  建立快照 --> 用快照建立新的VM 跨專案 VM  建立快照  --> 用快照建立映像檔 --> 用印象檔建立新的VM Notice  開機磁碟: 自訂映像檔->選擇印象檔 搬移cloud sql step 1. A SQL [Top option] '匯出' setting Bucket and formate is 'SQL' step 2. B SQL [Top option] '匯入' setting Bucket and formate is 'SQL' Bucket path: gs://{Bucket}/file.sql Notice   不同專案的gs要有權限讀取 搬移 datastore 詳細請參考: https://cloud.google.com/datastore/docs/export-import-entities   step 1. 'new' project [menu] 資料儲存庫 -> 啟用datastore step 2. gcloud terminal gcloud auth login  gcloud config set project <projectid> gcloud beta datastore export --kinds=" <KIND> " gs:// <BUCKET> gcloud config set project new-projectid gcloud datastore export gs:// <BUCKET> Notice  跨專案gs storage auth 需要新增  xxx@appspot.gserviceaccount.com  [storage BUCKET 讀取者] 權限