如何使用JavaScript根据选项卡选择更改下拉列表

Question

我有一个基于JS的WebFOCUS报告。 HTML根据选定的下拉列表显示数据。 数据基于选项卡排序。 参见附件Img1。 原版的

如果我选择了一个下拉选项并更改选项卡，则看不到所选的下拉选项，但在新选项卡中看到了默认值。 参见附件Img2，Img3。 图 2

所以请建议我如何解决？

我是JS的新手，所以不知道外观和更改内容。

Answer 1

您可以在标签上方创建下拉菜单，这样如果我们切换标签，它不会影响下拉菜单值。 如果您将每个标签都创建为单独的页面，则将无法使用。

请检查我在此处实现的以下代码，我已在标签上方添加了drpdown，因此切换标签不会更改下拉值，这可能对您有所帮助

<body>
<div>
  <select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
</div>
<button class="tablink" onclick="openPage('Home', this, 'red')">Home</button>
<button class="tablink" onclick="openPage('News', this, 'green')" id="defaultOpen">News</button>
<button class="tablink" onclick="openPage('Contact', this, 'blue')">Contact</button>
<button class="tablink" onclick="openPage('About', this, 'orange')">About</button>

<div id="Home" class="tabcontent">
  <h3>Home</h3>
  <p>Home is where the heart is..</p>
</div>

<div id="News" class="tabcontent">
  <h3>News</h3>
  <p>Some news this fine day!</p> 
</div>

<div id="Contact" class="tabcontent">
  <h3>Contact</h3>
  <p>Get in touch, or swing by for a cup of coffee.</p>
</div>

<div id="About" class="tabcontent">
  <h3>About</h3>
  <p>Who we are and what we do.</p>
</div>

如何使用JavaScript根据选项卡选择更改下拉列表

问题描述

1 个解决方案

解决方案1
0 2019-06-26 10:25:51

如何使用JavaScript根据选项卡选择更改下拉列表

问题描述

1 个解决方案

解决方案1 0 2019-06-26 10:25:51

解决方案1
0 2019-06-26 10:25:51