如何将值从HTML传递到Javascript并返回到HTML？

我有一个mvc项目，可以从不同的文件夹加载照片库。很简单

我的chtml视图中有此函数：

@foreach (var dirPath in Directory.GetDirectories(Server.MapPath("~/Images/Customers/A")))
                    {enter code here
                        var dir = new DirectoryInfo(dirPath);
                        <li><a href="#">@dir.Name</a></li>
                    }

@foreach（Directory.GetDirectories（Server.MapPath（“~/Images/Customers/A”））中的var dirPath）
{在这里输入代码
var dir=新目录信息（dirPath）；

}

它将加载放置在“我的导航栏”中的文件夹中的所有文件夹。 现在，我要做的是加载照片并根据我的文件夹选择显示它们。因此，我创建了以下函数：

 @foreach (var imgPath in Directory.GetFiles(Server.MapPath("~/Images/Customers/A/A"), "*.jpg"))
                {
                    var img = new FileInfo(imgPath);
                    <div class="col-md-3 batas">
                        <a href="@Url.Content(String.Format("~/Images/Customers/A/Temp/{0}", img.Name))"><img src="@Url.Content(String.Format("~/Images/Customers/A/Temp/{0}", img.Name))" data-lity class="img-thumbnail" /></a>
                    </div>
                }

@foreach（目录.GetFiles（Server.MapPath（“~/Images/Customers/A/A”），“*.jpg”）中的var-imgPath）
{
var img=新文件信息（imgPath）；
}

到目前为止，所有的工作都很完美，这意味着我的导航栏包含了一个文件夹中存在的所有文件夹，它显示了临时文件中的所有照片。 我的问题是，如何根据用户选择的navbar文件夹切换我的图库，最好的方法是什么

可在此处找到完整的HTML页面：

提前谢谢

将值从HTML（即视图）传递到Javascript

在MVC中，我们可以使用关联的模型设置视图中HTML元素的值，所以我们需要将值从模型传递给Javascript

您可以按如下方式进行操作：-

<script type="text/javascript">
 var strValue = "@Model.YourObject"; //You set value here from your Model to any JavaScript object.
</script>

var strValue=“@Model.YourObject”//您可以在这里将模型中的值设置为任何JavaScript对象。

现在，如果需要将值从Javscript发送到模型，则需要使用ajaxget、Post或PUT方法将数据从javascript发送到模型，然后再发送到视图。

---

请参阅链接，以便使用ajax将所选文件夹的值传递给一个方法，该方法返回关联的图像（作为局部视图或

JsonResult

）并更新DOM。谢谢您的回答，但我可以看到如何将其连接在一起。。每次单击导航栏时都应更改该值，该值应为按钮的内容（@dir.Name）。然后，我应该将更新后的值（单击按钮后）放置在路径中，而不是“Temp”。那么，您编写的脚本如何帮助我更新此值呢？对不起，我理解错了。