stackoom
  简体   繁体   中英

How to open a new tab when I select a option in Select Tag?

 原文  2021-05-04 10:02:02  0   1    javascript/ html

Question

I want to open a new tab when I select any of the options in the select box how to implement it?

Html code: 

<body>
    <h1>Select the country you want to know about</h1>
    <br>
    <form>
        <select name="Countries and its Name" onchange="location = this.value;">
            <option selected>---Select---</option>
            <option value="india.html">India</option>
            <option value="usa.html">United States of America</option>
        </select>
    </form>
</body>

I am only able to open it in the same tab, but how to open in a new tab?

1 answers

solution1
 2 ACCPTED  2021-05-04 10:09:00

You can open a new tab programmatically using window.open() method by passing _blank as window name.

<h1>Select the country you want to know about</h1>
<br>
<form>
  <select name="Countries and its Name" onchange="window.open(this.value, '_blank')">
    <option selected>---Select---</option>
    <option value="india.html">India</option>
    <option value="usa.html">United States of America</option>
  </select>
</form>

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question How to Open New Tab on Select Tag JavaScript New Tab when OnClick on Select/Option How to automatically change the value list of option of select tag when i select the certain option of another select tag HTML <select> open select option in new tab on submit opening multiple pages how to hide tab when clicked on a select option How to select option in select tag How can I pass an option in a select tag to another select tag? How to hyperlink a select tag which open in a new tab and carry some variables How to remove a selected option from another select tag when i have five select with same options and values? How do I make the “select one” option not go through when the user clicks submit on the select tag?
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM