如何更改jQuery或JavaScript中的選擇框值

Question

我正在通過3個選擇選項bTitle，bContent和bName在公告板上進行搜索。

問題是當我轉到下一頁時，它會一直顯示bTitle的下一頁。 第一頁的每個選擇值排序都很好。

當我更改頁面時，它將自動首先顯示bTitle選項。 因為bTitle是第一個值。 我想要的是當我更改值（如果我單擊另一個值）時要更改的值，我想保留該值

    <form action="controller.jspx?cmd=board" method="post" name="search">
                <select name="keyField" id=keyField>
                    <option value="bTitle">Title</option>
                    <option value="bContent">Contents</option>
                    <option value="bName">writer</option>
                </select>
                <input type="text" name="keyWord" id="keyWord" value="${keyWord}"  >
                <input type="button" value="search" onclick="searchCheck(form)">

                </form>
            </td>
        </tr>


        <tr>
            <td colspan="5" ><button onclick="writeClick();">write</button> </td>
        </tr>
    </table>
<%--    <%=PageAction.pageNumber() %>
     --%>
    <div class="toolbar-bottom">
  <div class="toolbar mt-lg">
    <div class="sorter">
      <ul class="pagination">
        <li><a href="javascript:PageMove(${paging.firstPageNo})">맨앞으로</a></li>
        <li><a href="javascript:PageMove(${paging.prevPageNo})">앞으로</a></li>
              <c:forEach var="i" begin="${paging.startPageNo}" end="${paging.endPageNo}" step="1">
                  <c:choose>
                      <c:when test="${i eq paging.pageNo}">
                <li class="active"><a href="javascript:PageMove(${i},${keyWord},${keyField})">${i}</a></li>
                <a href="controller.jspx?cmd=board&page=1">
                </a>
                      </c:when>
                      <c:otherwise>
                        <li><a href="javascript:PageMove(${i})">${i}</a></li>
                      </c:otherwise>
                  </c:choose>
              </c:forEach>
        <li><a href="javascript:PageMove(${paging.nextPageNo})">뒤로</a></li>
        <li><a href="javascript:PageMove(${paging.finalPageNo})">맨뒤로</a></li>
      </ul>
    </div>
  </div>
</div>

myScript.js

function searchCheck(frm) {
    // 검색
    if (frm.keyWord.value == "") {
        alert("검색 단어를 입력하세요.");
        frm.keyWord.focus();
        return;
    }
    window.location.href = "controller.jspx?cmd=board&keyWord="+$('#keyWord').val()+"&keyField="+$('#keyField').val();

}

$('#keyField').change(function(){
      $(this).attr("selected","selected");
})

function PageMove(page) {
     var keyWord = $('#keyWord').val();
     var keyField = $('#keyField').val();

    if ($('#keyWord').val()) {

        window.location.href = "controller.jspx?cmd=board&page="+page+"&keyWord="+$('#keyWord').val()+"&keyField="+$('#keyField').val();

    }
    window.location.href = "controller.jspx?cmd=board&page="+page+"&keyWord="+$('#keyWord').val()+"&keyField="+$('#keyField').val();


}

Answer 1

據我從問題中可以理解的，當用戶導航回到第一頁時，您希望保持所選值的顯示。 通常，當您從首頁瀏覽時，狀態（數據/所做的更改）將被破壞。

為此，您可以使用localStorage-https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage 。 它將數據保存在用戶的瀏覽器中，並在頁面重新加載和導航到其他頁面時保持不變。 您可以將選定頁面的選定值另存為鍵值對，並且當您向后瀏覽時，可以讀取它並設置select標記的值。

如果要設置一些到期時間，則可以改用cookie，在此之后瀏覽器會自動刪除數據。