Question

Halloo Guys !,我有一个多选输入，但在我点击提交按钮后，我想保持多重选择中的值。怎么样？有可能的？谢谢！

Answer 1

以下是使用localStorage执行此操作的示例：

if(localStorage['multiple']){        
    $.each(localStorage['multiple'].split(","), function(i,e){
        $("select option[value='" + e + "']").prop("selected", true);
    });
}

$('form').submit(function(event) {
    localStorage['multiple'] = $('select').val();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <select multiple>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>
  <button type="submit">submit</button>
</form>

Answer 2

我认为您想在提交事件后聚焦和选择输入值。第一个很简单，只需将“自动对焦”作为属性添加到您的输入元素：

<input class="inputAreas" name="input1" id="mainInput" autofocus>

第二个也很简单。在您的服务器脚本中，您需要将提交的值作为动态数据导出到您的渲染页面。然后你可以在你的输入元素中设置一个值。

1.Node.js 服务器脚本：

const wordx = req.body.input1;

2.在你的新 html/ejs 页面上（注意：这应该是一个新的 html/ejs 页面）：

<input class="inputAreas" name="input1" id="mainInput" value=<%= wordx %> autofocus>

然后再次在同一页面上，打开一个脚本区域，然后

  <script type="text/javascript">
    $(document).ready(function(){
      document.getElementById("mainInput").select();
    });
  </script>

提交后如何在多个选择中保留选定的值

2 个答案: