2011-01-28 10 views
0

ページは、ボタン(btnadd)をクリックするたびにバッキングポストです。リストボックスから選択した値を保存する方法を教えてください。リストボックスからリストボックスに追加しています。リストボックスの値の値を保存する方法は?

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ListBoxExample.aspx.cs" Inherits="ListBoxExample" 
    EnableEventValidation="false" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>Adding,removing elements from First Listbox to Second Listbox</title> 
    <style type="text/css"> 
     .lstbx1 
     { 
      font-family: Verdana; 
      font-size: medium; 
      font-style: normal; 
      background-color: Aqua; 
      height: auto; 
      width: auto; 
     } 
     .lstbx2 
     { 
      font-family: Verdana; 
      font-size: medium; 
      font-style: normal; 
      background-color: Lime; 
      height: auto; 
      width: auto; 
     } 
    </style> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.js"></script> 
    <script type="text/javascript"> 
     jQuery(document).ready(function() { 
      $('#btnadd').click(function() { 
       // var originalList = $("#<%= this.lstbx1.ClientID %>"); 
       var items = $('option', originalList); 
       var targetList = $("#<%= this.lstbx2.ClientID %>"); 
       $("#lstbx1 option:selected").remove().appendTo("#lstbx2"); 
      }); 
     }); 


    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <table> 
      <tr> 
       <td> 
        <asp:ListBox ID="lstbx1" runat="server" CssClass="lstbx1" SelectionMode="Multiple"> 
         <asp:ListItem>John</asp:ListItem> 
         <asp:ListItem>Peter</asp:ListItem> 
         <asp:ListItem>Sam</asp:ListItem> 

        </asp:ListBox> 
       </td> 
       <td> 
        <asp:ListBox ID="lstbx2" runat="server" CssClass="lstbx2"></asp:ListBox> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <input type="button" id="btnadd" value="Add" /> 
       </td> 
       <td> 
        <asp:Button ID="btnremove" runat="server" Text="Remove" /> 
       </td> 
      </tr> 
     </table> 
    </div> 
    </form> 
</body> 
</html> 
+1

ここでどこですか?何を試しましたか?何がうまくいかなかったのですか? – Oded

+0

@enjoyprogramming:originalList行のコメントを削除すると、コードは完全に機能するはずです。どうしたの? – JPReddy

+0

コメント行を削除した後、その行は機能しません。 –

答えて

0

jqueryで行った変更を保存して、非表示フィールドの値に変更します。カンマで区切られた値のリスト。変更された値はサーバー側で値を分割し、リストボックスに追加します。そうしないと、ポストバック後に変更が保持されません。

Items not added to ListBox after using jQuery .appendTo

関連する問題