zoukankan      html  css  js  c++  java
  • 动态定义一个数据字典

    贴一个测试过的东西出来, 测试环境jQuery1.4.1 

     


    View Code
     1       $(document).ready(function () {
     2             $("#btnAddN").click(function () {
     3                 $("#DictNdata").append($("<option>", { value: $("#Option1").val() + "|" + $("#Option2").val(), text: $("#Option1").val() + "|" + $("#Option2").val() }));
     4                 insert_locations_updateLocationsHiddenField("1");
     5             });
     6             $("#btnMoveDownN").click(function () {
     7                 var selectedOption = $('#DictNdata > option:selected');
     8                 var nextOption = $('#DictNdata > option:selected').next("option");
     9                 if ($(nextOption).text() != "") {
    10                     $(selectedOption).remove();
    11                     $(nextOption).after($(selectedOption));
    12                 }
    13             });
    14             $("#btnMoveUpN").click(function () {
    15                 var selectedOption = $('#DictNdata > option:selected');
    16                 var prevOption = $('#DictNdata > option:selected').prev("option");
    17                 if ($(prevOption).text() != "") {
    18                     $(selectedOption).remove();
    19                     $(prevOption).before($(selectedOption));
    20                 }
    21             });
    22             $("#btnRemoveN").click(function () {
    23                 var selectedOption = $('#DictNdata > option:selected');
    24                 $(selectedOption).remove();
    25                 insert_locations_updateLocationsHiddenField("1");
    26             });
    27             $("#btnEditN").click(function () {
    28                 var selectedOption = $('#DictNdata > option:selected');
    29                 $(selectedOption).remove();
    30                 $("#DictNdata").append($("<option>", { value: $("#Option1").val() + "|" + $("#Option2").val(), text: $("#Option1").val() + "|" + $("#Option2").val() }));
    31                 insert_locations_updateLocationsHiddenField("1");
    32             });
    33             $('#DictNdata').change(function () {
    34                 var selectedOption = $('#DictNdata > option:selected').text();
    35                 $("input#Option1").val(selectedOption.split('|')[0]);
    36                 $("input#Option2").val(selectedOption.split('|')[1]);
    37             });
    38 
    39             $("#btnAdd").click(function () {
    40                 $("#Dictdata").append($("<option>", { value: $("#Option").val(), text: $("#Option").val() }));
    41                 insert_locations_updateLocationsHiddenField("0");
    42             });
    43             $("#btnMoveDown").click(function () {
    44                 var selectedOption = $('#Dictdata > option:selected');
    45                 var nextOption = $('#Dictdata > option:selected').next("option");
    46                 if ($(nextOption).text() != "") {
    47                     $(selectedOption).remove();
    48                     $(nextOption).after($(selectedOption));
    49                 }
    50             });
    51             $("#btnMoveUp").click(function () {
    52                 var selectedOption = $('#Dictdata > option:selected');
    53                 var prevOption = $('#Dictdata > option:selected').prev("option");
    54                 if ($(prevOption).text() != "") {
    55                     $(selectedOption).remove();
    56                     $(prevOption).before($(selectedOption));
    57                 }
    58             });
    59             $("#btnRemove").click(function () {
    60                 var selectedOption = $('#Dictdata > option:selected');
    61                 $(selectedOption).remove();
    62                 insert_locations_updateLocationsHiddenField("0");
    63             });
    64             $("#btnEdit").click(function () {
    65                 var selectedOption = $('#Dictdata > option:selected');
    66                 $(selectedOption).remove();
    67                 $("#Dictdata").append($("<option>", { value: $("#Option").val(), text: $("#Option").val() }));
    68                 insert_locations_updateLocationsHiddenField("0");
    69             });
    70             $('#Dictdata').change(function () {
    71                 $("input#Option").val($("#Dictdata option:selected").val());
    72             });
    73         });
    View Code
    1                     <asp:TextBox ID="Option" runat="server" MaxLength="20"></asp:TextBox>
    2                     <input id="btnAdd" type="button" value="添加" />
    3 
    4                    <asp:ListBox ID="Dictdata" runat="server" Width="135px" SelectionMode="Single"></asp:ListBox>
    5                    <input id="btnEdit" type="button" value="修改" />
    6                    <input id="btnMoveUp" type="button" value="上移" />
    7                    <input id="btnMoveDown" type="button" value="下移" />
    8                    <input id="btnRemove" type="button" value="删除" />
    9  
  • 相关阅读:
    1114: 零起点学算法21——求平均值
    1113: 零起点学算法20——输出特殊值II
    1112: 零起点学算法19——输出特殊值
    1111: 零起点学算法18——3个数比较大小
    1110: 零起点学算法17——比较2个数大小
    1109: 零起点学算法16——鸡兔同笼
    1108: 零起点学算法15——交换变量
    1107: 零起点学算法14——三位数反转
    1106: 零起点学算法13——求2个时间之间的分钟数
    设计模式之—中介者模式<Mediator Pattern>
  • 原文地址:https://www.cnblogs.com/sandy_liao/p/2249373.html
Copyright © 2011-2022 走看看