Question

我有一个使用select下拉菜单的联系表，我希望选择选项中的On，我希望它导航到其他网站。我只希望“即将到来”选项在被选中时导航到另一个网站，因此，基本上，当“即将到来”被选中时，我希望用户被导航到另一个网站或网页。下面是我的HTML代码：

<div class="container">
        <h2>Contact US</h2>
    <div class="contact-form">

        <div class="col-md-8 contact-grid">
            <form action="form-process.php" method="POST">
                <input name="name" type="text" value="Name" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='name';}">
                <br>
                <input name="email" type="text" value="Email" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='email';}">
                <br>
                <select id="contact" name="dropdown" onchange="javascript:handleOption(this)">
                    <option value="crew/gang">Crew/Gang</option>
                    <option value="nc maphia">NC Maphia</option>
                    <option value="reddeadredemption/index">Coming Soon</option>
                </select><br>
                <select id="contact" name="dropdown2">
                    <option value="game">Game</option>
                    <option value="grand theft auto v">Grand Theft Auto V</option>
                    <option value="red dead redemption ii">Red Dead Redemption II</option>
                </select><br>
                <select id="contact" name="dropdown3">
                    <option value="reason for contacting us">Reason for contacting us?</option>
                    <option value="joining nc maphia">Joining NC Maphia</option>
                    <option value="recruitment requirments">Recruitment Requirments</option>
                    <option value="events">Events</option>
                    <option value="report a member">Report A Member</option>
                    <option value="webmaster">Webmaster</option>
                    <option value="general inquiry">General Inquiry</option>
                </select><br>
                <input name="subject" type="text" value="Subject" onfocus="this.value='';" onblur="if (this.value == '') {this.value ='subject';}">
                <br>
                <textarea name="message" cols="77" rows="6" value=" " onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'message';}">Message</textarea>
                <div class="send">
                    <input type="submit" value="Send" >
                </div>
            </form>
        </div>
        <div class="col-md-4 contact-in">

                <div class="address-more">
                <h4>Address</h4>
                    <p>Maze Bank Tower,</p>
                    <p>Los Santos,</p>
                    <p>America </p>
                </div>
                <div class="address-more">
                <h4>Chat With Us</h4>
                    <p>PSN: Kyle-The-Gunman9</p>
                    <p>PSN: NC_Maphia</p>
                    <p>Email:<a href="mailto:info@ncmaphia.co.uk"> info@ncmaphia.co.uk</a></p>
                </div>

        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<script type="text/javascript">
    function handleOption(elm)
    {
        window.location = elm.value+".html";
    }
</script>
<div class="map">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d37494223.23909492!2d103!3d55!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x453c569a896724fb%3A0x1409fdf86611f613!2sRussia!5e0!3m2!1sen!2sin!4v1415776049771"></iframe>
    </div>

预先感谢您的帮助。

P.S由于我在上一个帖子中没有得到任何帮助，因此我再次发布了此帖子。

Answer 1

您可以使用lookup语句来检查是否选中了“即将推出”选项（通过检查所选选项的值），然后重定向是否为：

if

此外，您可以将function handleOption(elm) { if(elm.value == "reddeadredemption/index") { // Check if coming soon was selected console.log("comming soon selected, redirecting"); window.location = elm.value + ".html"; } }回调更改为onchange：

handleOption(this)

请参见下面的工作示例：

<select id="contact" name="dropdown" onchange="handleOption(this)">

使用联系表导航并选择

1 个答案: