c# - JQuery 为 MVC Post 设置隐藏输入

Question

我有这个fiddle ，它会显示一个包含多个选择的列表框，如果您单击读取，它会获取选定的值并将它们放入 <p> 中标签。

两个问题:

1) 你如何修改我创建的 fiddle ，所以当你完成选择列表框中的项目时，它会自动将它们放入 <p> 中标签？我猜你走的是“改变”路线。

2) 您如何修改我创建的 fiddle ，以便将选定值的数组放入隐藏输入，然后将其提交回到 MVC3 Controller ？这样做可以实现吗？

更新: 把你们的答案作为答案，我想我会分享我设法实现的目标，并通过你们的答案完成，这个例子显示在 fiddle 中。

• 单选列表框
• 根据第一个列表框的选定项动态更改第二个列表框的内容
• 最后显示从第一个列表框中选择的值从第二个框中选择了哪些项目，这些都放在隐藏的输入中

感谢大家花时间帮助我:)

Answer 1

这是 fiddle http://jsfiddle.net/tAaRR/2/

我刚刚用下面的代码替换了你的 javascript 代码:

 $(document).ready(function () {
     $('#App_RunFromUSB').change(function () {
         if ($('#App_RunFromUSB:checked').length > 0) {
             $('#jj').show('1000');
         } else {
             $('#jj').hide('1000');
         }
     });

     $('#SelectBox').change(function () {
      var Value = '';
             var text = '' 

         $("#SelectBox option:selected").each(function () {
            Value+=$(this).val();
             text +=$(this).text();
             $("#selectedValues").append(Value + ": " + text + "<br />");
         });
      alert(text);
         $('#hidden1').val(text);

     });

 });

希望这对您有所帮助。如果有任何问题，请告诉我。