如何在文本框中读取值并添加一些扩展名

时间:2013-05-07 13:04:15

标签: javascript jquery html5

我正在创建一个包含大量静态HTML页面的网站(例如:1.html,2.html,3.html .....等等)。当用户在此文本框中输入特定页码时,我在每个页面中都有一个文本框,他们必须重定向到该特定页面。假设用户在文本框中输入数字13并按Enter键,它必须重定向到13.html。

P.S:建议使用HTML + JS或任何前端的组合。

4 个答案:

答案 0 :(得分:1)

您可以使用此代码,您必须更改选择器以匹配您的输入:

$("input").keydown(function(e) {
    if (e.which == 13) {
        location.href = this.value + ".html";
    }
});

演示:http://jsfiddle.net/ahW62/

答案 1 :(得分:1)

试试这个:

    $('#textboxid').change(function(){ document.location.href = $(this).val()+'.html';})

答案 2 :(得分:0)

试试这个

  $("body").keydown(function(e) {
    if (e.which == 13) {
        location.href = $('#textboxid').val()+ ".html";
    }
});

答案 3 :(得分:0)

试,

<html>
<head>
<title>Test</title>
 </head>
 <body>
 <input type="text" id="txt" />
 <input type="button" onclick="redirect()" value="redirect" />

 <script type="text/javascript">
     function redirect() {
         var url = document.getElementById("txt").value;
         window.location.href = url + "html";
      }
 </script>
</body>
</html>