JQuery设置MVC Post的隐藏输入

本文关键字：隐藏 输入 Post 设置 MVC JQuery | 更新日期: 2023-09-27 18:04:44

我有这个，它显示了一个列表框与多个选择，如果你点击阅读，它采取选择的值，并把它们放入<p>标签。

两个问题:

1)你如何修改我已经创建的小提琴，所以当你在列表框中完成选择的项目，它会自动将它们放入<p>标签?我猜你走的是"on change"路线。

2)你如何修改我已经创建的小提琴，所以它把数组的选择的值到一个隐藏的输入，然后提交回到MVC3控制器?这样做可以实现吗?

更新:对于你们提出的答案，我想我应该分享一下我在你们的答案中所取得的成就，在这个小提琴

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

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

JQuery设置MVC Post的隐藏输入

这里是小提琴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);
     });
 });

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

只是出于好奇，用一些优化更新了您的小提琴，并减少了许多非必需的代码。如果你想看的话，可以看一看。

http://jsfiddle.net/tkkSr/

$(function () {       
     var artItems = ["Art 1","Art 2","Art 3","Art 4","Art 5","Art 6"];
     var vidItems = ["Video 1","Video 2","Video 3","Video 4","Video 5","Video 6"];
     $('#SelectBox').change(function () {
         var str = "", inHTML = "",items;
         items = $(this).val() == 'art' ? artItems: vidItems;
         $.each(items,function(i,ob){
             inHTML += '<option value="'+i+'">'+ob+'</option>'
         });
         $("#SelectBox2").empty().append(inHTML);
     });
     $('#SelectBox2').change(function () {
         $("#selectedValues").text($(this).val() + ';' + $("#SelectBox").val());
         $('#hidden1').val($(this).val());
     });
 });

这段jQuery应该做.....例子。

$("#SelectBox").change(function(){
$("#selected").empty();
$("#SelectBox option:selected").each(function(){
    $("#selected").append("<p>" + $(this).val() + " : " + $(this).html() + "</p>"); 
    });
});

现在，如果您想在隐藏值中包含选定的项并将其发送到控制器，您可以使用AJAX调用或隐藏表单值。

相关文章：