всплывающее окно с jquery пользовательского интерфейса в asp.net mvc2

Question

Я работаю над проектом, используя ASP.NET MVC 2 (C #).Я использую библиотеку JavaScript jQueryUI, чтобы показать всплывающее окно для перечисления различных тем в моей базе данных.На мой взгляд, я использую следующий код:

<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>

, но когда я выбираю элемент, всплывающее окно не закрывается, и значение моего текстового поля не изменяется.помоги мне !!!

Answer 1

Следующая строка

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

будет выдавать HTML так:

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

Чтобы вы знали, что делать со следующим шаблоном jquery:

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

});