.NetCore TagHelpers标签

<opt:versionselect x-for="VersionID" x-param="3" class="form-control" onchange="GetSelect()"></opt:versionselect>

<opt:versionselect x-for="VersionID" x-param="2" x-first-value="0" x-first-text="请选择" class="form-control"></opt:versionselect>

<opt:versionselect x-for="VersionID" x-param="2" x-first-value="" x-first-text="请选择" class="form-control" onchange="$(this).parents(‘form‘).submit();"></opt:versionselect>

 1 using System;
 2 using System.Collections.Generic;
 3 using Microsoft.AspNetCore.Mvc.Rendering;
 4 using Microsoft.AspNetCore.Mvc.ViewFeatures;
 5 using Microsoft.AspNetCore.Razor.TagHelpers;
 6 
 7 namespace Data.TagHelpers
 8 {
 9     [HtmlTargetElement("opt:versionselect")]
10     public class VersionSelectTagHelper : ParamSelectableTagHelperBase
11     {
12         private readonly IVersionManager _ivManager;
13 
14         public VersionSelectTagHelper(IHtmlGenerator generator, IVersionManager ivManager) : base(generator)
15         {
16             _ivManager = ivManager;
17         }
18         /// <summary>
19         /// 实现抽象类(绑定数据)
20         /// </summary>
21         protected override void Init(List<SelectListItem> items, TagHelperContext context, string Param)
22         {
23             VersionType enumType = (VersionType)Enum.Parse(typeof(VersionType), Param);//字符串转为版本枚举类型 x-param="3"
24             IEnumerable<Data.Versions.Version> list = _ivManager.GetVersionByType(enumType);
25             foreach (var item in list)
26             {
27                 items.Add(new SelectListItem { Text = item.VersionName, Value = item.Id.ToString() });
28             }
29         }
30     }
31 }

$("#VersionID").change(function () {
        debugger
        var verid = $(‘#VersionID option:selected‘).val();
        $.ajax({
            url: "@Url.ActionUrl("GetVersionInfo")",
            data: { verid: verid},
            dataType: ‘JSON‘,
            type: ‘POST‘,
            success: function (d) {
                $("#name").val(d.data.name);
                $("#value option:contains(‘" + d.data.value + "‘)").attr("selected", true);
            },
            error: function (resp) {
                if (resp.status === 401) {
                    return;
                }
                else
                    document.write(resp.responseText);
            }
        });
    });