Question

以下是选择网页语言的简短表格，有两种语言，一种是 marathi ，另一种是英语实际上我想要的是：当用户时选择英语并提交表格english.html页面应该打开并且当用户选择马拉地语marathi.html页面时，应该打开。

<html>
<head>
    <title>Select Language</title>
        <link rel="icon" href="hen.png">

<form>
<center>
    <p id="p1">
    Language:<select>
            <option id="English" >English</option>
            <option id="Marathi" >Marathi</option>
            </select>
    </p>
        <input type="submit" id="button" value="Open" >
</center>
</form>
</html>

Answer 1

您可以将此作为参考，将english.html和marathi.html视为您的定位页面，您可以相应地更改它们

<html>

<head>
    <title>Select Language</title>
    <link rel="icon" href="hen.png">
    <script>
        $('#button').click(function() {
            var selected = $('#language option:selected');
            window.location.href = selected + ".html"
        })
    </script>
</head>

<body>

    <form>
        <center>
            <p id="p1">
                Language:
                <select id="language">
                    <option id="English">English</option>
                    <option id="Marathi">Marathi</option>
                </select>
            </p>
            <input type="submit" id="button" value="Open">
        </center>
    </form>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</body>

</html>

Answer 2

我认为很明显，但请不要在制作时重复：

 <input type="submit" id="button" onclick="window.locaton.href='lol/'+$('select').val()+'.html'" value="Open" >

Answer 3

这是简单的方法;

<select name="forma" onchange="location = this.value;"> <option value="english.html">English</option> <option value="marathi.html">Marathi</option> </select>

Answer 4

如果您想使用简单的Javascript创建此项，请使用location.href = "yourPageAddress";

这是我为此编写的示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta charset="utf-8">
    <script type="text/javascript">
        function MyFunction(){
            var getValue = document.getElementById("language");
            //console.log(getValue);
            var getIndexValue = getValue.options[getValue.selectedIndex].value;
            //console.log(getValue.selectedIndex);
            //console.log(getIndexValue);

            if(getValue.selectedIndex == 1){
                //console.log("English")
                location.href = "http://www.google.com";
            }
            else if(getValue.selectedIndex == 2){
                //console.log("Marathi");
                location.href = "http://www.yahoo.com";
            }
            else{
                console.log("Wrong Option Selected.");
            }
        }
    </script>
</head>
<body>
Language:
<select name="language" id="language">
    <option>Select..</option>
    <option value="https://www.google.com" id="english">English</option>
    <option value="https://www.yahoo.com" id="marathi">Marathi</option>
</select>
<br>
<button name="submit" id="submit" onclick="MyFunction()">Submit</button>
</body>
</html>

这只是您可以将用户重定向到所选页面的一种方式，执行相同操作的方法也有很多种。您可能会发现一些标记为comment的log.log语句，该语句仅用于调试目的。

用户选择语言的打开窗口

4 个答案: