突出显示javascript中的所选项目

Question

I am trying to open one web page from other with the selected list item. 我正在尝试使用选定的列表项打开另一个网页。 It works but the list is not scroll down and starts with first item. 它可以工作，但列表不会向下滚动，而是从第一项开始。

First page.html 第一页.html

<!DOCTYPE html>
<html>
<body>

<div id="result"></div>

<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
  // Store
  localStorage.setItem("imname", "LB_1_000566");
  // Retrieve
  document.getElementById("result").innerHTML = localStorage.getItem("imname");
} else {
  document.getElementById("result").innerHTML = "Sorry, your browser does not support Web Storage...";
}
window.open("s2.html");
</script>

</body>
</html>

second page.html 第二page.html

<!DOCTYPE html>
<html>
<body>

<select id="ImSelect"  size="4" >
  <option value="LB_1_000561">LB_1_000561</option>
  <option value="LB_1_000562">LB_1_000562</option>
  <option value="LB_1_000563">LB_1_000563</option>
  <option value="LB_1_000564">LB_1_000564</option>
  <option value="LB_1_000565">LB_1_000565</option>
  <option value="LB_1_000566">LB_1_000566</option>
  <option value="LB_1_000567">LB_1_000567</option>
  <option value="LB_1_000568">LB_1_000568</option>
  <option value="LB_1_000569">LB_1_000569</option>
  <option value="LB_1_000570">LB_1_000570</option>
  <option value="LB_1_000571">LB_1_000571</option>
  <option value="LB_1_000572">LB_1_000572</option>
  <option value="LB_1_000573">LB_1_000573</option>  
</select>

<p id="imstr"></p>

<script>   
            document.getElementById("imstr").innerText=localStorage.getItem("imname"); 

 </script>

</body>
</html>

I want my list to be viewed like this 我希望这样查看我的列表 . 。

Issue 2: Can you please also suggest an alternative of localstorage to call webpage 2 from first webpage. 问题2：您能否也建议使用其他本地存储方法来从第一个网页调用网页2。

Answer 1

You can set selected value for select tag by 您可以通过以下方式为选择标签设置选择值：

document.getElementById("ImSelect").value = localStorage.getItem("imname");

To alter localstorage you can pass by query string 要更改本地存储，您可以按查询字符串传递

window.open("s2.html?imname=LB_1_000566");

And use 并使用

const urlParams = new URLSearchParams(window.location.search); urlParams.get('imname');

 <!DOCTYPE html> <html> <body> <select id="ImSelect" size="6" onchange"getvalue()"> <option value="LB_1_000561">LB_1_000561</option> <option value="LB_1_000562">LB_1_000562</option> <option value="LB_1_000563">LB_1_000563</option> <option value="LB_1_000564">LB_1_000564</option> <option value="LB_1_000565">LB_1_000565</option> <option value="LB_1_000566">LB_1_000566</option> <option value="LB_1_000567">LB_1_000567</option> <option value="LB_1_000568">LB_1_000568</option> <option value="LB_1_000569">LB_1_000569</option> <option value="LB_1_000570">LB_1_000570</option> <option value="LB_1_000571">LB_1_000571</option> <option value="LB_1_000572">LB_1_000572</option> <option value="LB_1_000573">LB_1_000573</option> </select> <p id="imstr"></p> <script> document.getElementById("imstr").innerText='LB_1_000566'; document.getElementById("ImSelect").value = 'LB_1_000566'; </script> </body> </html>

突出显示javascript中的所选项目

问题描述

1 个解决方案

解决方案1
1 2019-07-23 13:53:55

突出显示javascript中的所选项目

问题描述

1 个解决方案

解决方案1 1 2019-07-23 13:53:55

解决方案1
1 2019-07-23 13:53:55