突出显示javascript中的选定项_Javascript_Html

突出显示javascript中的选定项

javascript html

突出显示javascript中的选定项,javascript,html,Javascript,Html,我正在尝试使用所选列表项从另一个网页打开一个网页。它可以工作，但列表不会向下滚动，而是从第一项开始 First page.html <!DOCTYPE html> <html> <body> <div id="result"></div> <script> // Check browser support if (typeof(Storage) !== "undefined") { // Store localS

我正在尝试使用所选列表项从另一个网页打开一个网页。它可以工作，但列表不会向下滚动，而是从第一项开始

First page.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>

<!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>


//检查浏览器支持
if（类型（存储）！=“未定义”）{
//贮藏
setItem（“imname”、“LB_1_000566”）；
//取回
document.getElementById（“结果”）.innerHTML=localStorage.getItem（“imname”）；
}否则{
document.getElementById（“结果”）.innerHTML=“对不起，您的浏览器不支持Web存储…”；
}
window.open（“s2.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>

<!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>


LB_1_000561
LB_1_000562
LB_1_000563
LB_1_000564
LB_1_000565
LB_1_000566
LB_1_000567
LB_1_000568
LB_1_000569
LB_1_000570
LB_1_000571
LB_1_000572
LB_1_000573

document.getElementById（“imstr”）.innerText=localStorage.getItem（“imname”）；

我希望我的列表可以这样查看

问题2：您是否可以建议本地存储的替代方案，从第一个网页调用第2页。

您可以通过

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

要更改本地存储，可以通过查询字符串传递

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

和使用

const urlparms=新的URLSearchParams（window.location.search）；
urlParams.get（'imname'）


LB_1_000561
LB_1_000562
LB_1_000563
LB_1_000564
LB_1_000565
LB_1_000566
LB_1_000567
LB_1_000568
LB_1_000569
LB_1_000570
LB_1_000571
LB_1_000572
LB_1_000573

document.getElementById（“imstr”）.innerText='LB_1_000566'；
document.getElementById（“ImSelect”）.value='LB_1_000566'；