在Javascript中操作内容后显示上一个内容

我将尝试简化代码

基本上，在我的jsp文件中，当加载文档时，选择值​​自动填写

例如：

<div class="col-sm">
    <label style="font-size: 20px;"><fmt:message key="cap.workplace"/>: </label>
     <select id="SelectWorkshop" class="chosen-select selectFilter">
        <option  selected="selected" value="0"><fmt:message key="cap.todos"/></option>
        <c:forEach items="${workshopList}" var="workshopList">
            <option value="${workshopList.idLocation}"><c:out value="${workshopList.location}" /></option>
        </c:forEach>
    </select>
</div>

但根据用户的操作，我需要修改另一个值的原始select值，假设我调用一个Javascript函数，该函数执行以下操作：

$("#SelectWorkshop").empty();

var tempvalue = "<option>This is a demo for Stackoverflow</option>";

$( "#SelectWorkshop" ).html(tempvalue);

执行此代码后，select的先前内容将消失，我可以看到新内容，这正是我想要的

但我想创建一个按钮，例如称为重置过滤器，以获取select的“原始”值

我尝试创建一个名为ResetFilters的按钮，然后这样做，基本上就是注入以前的内容：

        $("#ResetFilters").click(function(){

            $("#SelectWorkshop").replaceWith(<option  selected="selected" value="0"><fmt:message key="cap.todos"/></option>
        <c:forEach items="${workshopList}" var="workshopList">
            <option value="${workshopList.idLocation}"><c:out value="${workshopList.location}" /></option>
        </c:forEach>);

        });

但是它不起作用，基本上语法不正确，我怎么能同时注入html和jstl呢？我不知道这是不是最正确的方法

有人知道如何以最有效的方式做这件事吗？

像这样

让我们选择； $function{ opts=$SelectWorkshop.findoption.clone $resetBTN.onclick，函数{ $SelectWorkshop.htmlopts } $change.onclick，函数{ $SelectWorkshop.html`请选择` } } : 待办事项 ID位置1 ID位置1 ID位置1 改变

---

重置这可能不是JSP问题。请使用[]代码段editorHi@mplungjan创建一个包含相关HTML和JS的文档，谢谢。问题是，如果我仅基于html和javascript制作一个示例，那么我将不知道如何将其应用于jstl。可能是我试图实现的解决方案，如果它是纯html，那么它可以正常工作，不会出现重大问题。当我必须使用jstl…@mplungjan我删除了jsp标记，因为它不是jsp问题。jsp/jstl代码在webserver中运行，而不是在webbrowser中运行。右键单击webbrowser中的页面并查看源代码，以了解我的意思。如果希望使用JavaScript运行JSP/JSTL代码，则需要向Web服务器发送请求。一种方法是使用Ajax。@BalusC我已经在另一个任务中使用Ajax，但是由于选择的内容是在页面加载时加载的，所以我想知道是否有方法再次使用Ajax显示以前的值。