Jquery ui asp.net mvc2中带有jquery ui的弹出窗口

我使用ASP.NETMVC2C处理一个项目。我使用jQueryUI JavaScript库显示一个弹出窗口，列出数据库中的不同主题。在我看来，我使用以下代码：

<script language="javascript" type="text/javascript">
$(function () {
    $('#dialog').dialog({
        autoOpen: false,
        width: 600,
        buttons: {
            "Ok": function () {


                              $("#dialog").dialog("close");



            },
            "Cancel": function () { $(this).dialog("close"); }
        }
    });
    $("#show-dialog").button().click(function () {
        $('#dialog').dialog('open');
        return false;
    });
});  
</script>  


<div id="dialog" title="choisir le thème "  > 

<% using (Html.BeginForm())
{ %> 
    <p> <span style="color: #0000FF"><strong><em>Titre du document : 
    <%=Html.TextBox("Title")  %></em></strong></span>  </p>
    <table>
        <thead>
            <tr>
                <th style="width: 184px">Liste des thèmes </th><th>&nbsp;</th>   
            </tr>
        </thead>
        <tbody>
            <tr>
                <td valign="top" style="width: 184px; height: 131px">
                    <%= Html.ListBoxFor(model => model.SelectedThème, Model.ThèmeList, new { size = "6" })%> 
                </td>
            </tr>
        </tbody>        
    </table>     
     <% } %>   
</div>

<span id="show-dialog">thème</span>   
<%=Html.TextBox("thème")%> 

将打开一个弹出窗口并显示主题列表，但当我选择一个主题时，弹出窗口应关闭，所选主题应显示在文本框控件中。 请帮帮我

因此，我的代码将：

<script language="javascript" type="text/javascript">
$(function () {
    $('#dialog').dialog({
        autoOpen: false,
        width: 600,
        buttons: {
            "Ok": function () { $("#thème").val($("#SelectedTheme").val());
                                  $(this).dialog("close"); },
            "Cancel": function () { $(this).dialog("close"); }
        }
    });
    $("#show-dialog").button().click(function () {
        $('#dialog').dialog('open');
        return false;
    });
});


$('#SelectedTheme').change(function () {
    //do whatever you want to do here.
    $("#thème").val($("#SelectedTheme").val());
    $('#dialog').dialog('close');

});

</script>  




<div id="dialog" title="choisir le thème "  > 

 <% using (Html.BeginForm())
 { %> 

  <select id="SelectedTheme" multiple="multiple" name="SelectedTheme">
    <option>item1-in-ThemeList</option>
     <option>item2-in-ThemeList</option>
   </select>


 <% } %>   
 </div>  

 <fieldset>

 <span id="show-dialog">thème</span>   <%=Html.TextBox("thème")%> 
 </fieldset>

但当我选择一个项目时，弹出窗口不会关闭，文本框的值也不会改变。 帮帮我

下一行

<%= Html.ListBoxFor(model => model.SelectedTheme, Model.ThemeList, new { size = "6" })%> 

---

同样的问题，当我选择了一个项目，弹出窗口没有关闭请帮助我储存一个looottt，当我选择了一个项目，弹出窗口关闭，但项目不保存在文本框。我的文本框的代码是。我想错误在这里。请帮助我。我以前在你的代码中没有看到你的文本框，所以我给出了任意名称。是我的错。我认为您应该相应地将其更改为和javascript，以使整个程序正常工作。您是否有可能使用“thème”而不是“theme”？否则，我找不到它不起作用的任何原因。你能在网站或jfiddle上提供吗？或者你可能需要用firefox中的firebug或者类似的东西来调试它。

<select id="SelectedTheme" multiple="multiple" name="SelectedTheme">
<option>item1-in-ThemeList</option>
<option>item2-in-ThemeList</option>
....
</select>

$('#SelectedTheme').live('change', function() 
{
    //do whatever you want to do here.
    $("#theme").val($("#SelectedTheme").val()); 
    $('#dialog').dialog('close');

});