如何使用HTML和JQUERY將一頁跳轉到另一頁

-2

我想使用HTML將一頁跳轉到另一頁。我有2頁。在第一頁我有一個文本框。如果我在textbox中輸入任何值，我想跳到第二頁上。這裏windows.location.href功能不起作用。我使用下面的代碼，如何使用HTML和JQUERY將一頁跳轉到另一頁

$(document).on('change', 'input', function(){  
 
    var options = $('datalist')[0].options;  
 
    for (var i=0;i<options.length;i++){ 
 
     if (options[i].value == $(this).val()) 
 
     {alert($(this).val()); 
 
     window.scrollTo(1,2); 
 
     } 
 
    } 
 
});

<input type="text" id="default" list="languages" placeholder="Group Name"> 
 
    
 
    <datalist id="languages"> 
 
    <option value="ADMIN GROUP"> 
 
    <option value="INSPECTION GROUP"> 
 
    <option value="MANAGER GROUP"> 
 
    <option value="USER GROUP"> 
 
    <option value="GROUP 1"> 
 
    <option value="GROUP 2"> 
 
    <option value="GROUP 3"> 
 
    <option value="GROUP 4"> 
 
    <option value="GROUP 5"> 
 
    <option value="GROUP 6"> 
 
    </datalist>

這裏我使用windows.scrollTo()功能跳到一個網頁到另一個。但它不起作用。請幫助我如何使用HTML將「page1」跳轉到「page2」。

來源

2015-05-26 kali dass

」page1「和」page2「HTML文件或錨？ – odedta

你有2個HTML頁面或1個HTML頁面有2個div？如果你有2個HTML頁面，你必須使用'window.location.href' –

我有2個屏幕。如果我在第一個屏幕中更改任何值，那麼在那個時候本身我想在第二個屏幕上移動。兩者都有相同的網址。那就是我要求跳一頁到另一頁。 –

組ID

$(document).on('change', 'input', function(){  
    var options = $('datalist')[0].options;  
    for (var i=0;i<options.length;i++){ 
     if (options[i].value == $(this).val()) 
     {alert($(this).val()); 
     $("html, body").animate({ scrollTop: $('#page2').offset().top }, "slow"); 
     } 
    } 
});

來源

2015-05-26 12:25:26

錯誤：無法讀取null的屬性'top' –

頁面上是否存在id爲page2的div？ –

那麼如果有外部網站，你必須添加位置。您也可以在同一頁面上添加錨點。

$(document).ready(function() { 
 
     $("#languages").change(function() { 
 
      location = $("#languages option:selected").val(); 
 
      location.href = location; 
 
     }); 
 
    });

<form> 
 
    
 
    <select id="languages"> 
 
    
 
    <option value="/site1.html">site 1</option> 
 
    <option value="/site2.html">site 2</option> 
 
    
 
    </select> 
 
</form>

用於兩個屏幕1和Page 2

來源

2015-05-26 12:22:51

只有一個HTML頁面。第二個是Applicationcraft設計。從那裏沒有HTML和CSS代碼。我想跳轉！st html屏幕到第二個applicationcraft屏幕。 –

這很難理解你。那麼你也可以添加錨點。像

然後在value中加上value =「＃firstscreen」等。 –

CSS a.hiddenLink {能見度：隱藏;顯示：無;}

在Page1.html

寫一個函數來處理你的文本框的onblur這裏面就有下面的一行代碼的document.getElementById（「page2Link」）點擊（）。 ;

添加一個錨定標記與HREF = 「page2.html」 ID = 「page2Link」類= 「hiddenLink」

在Page2.html

添加一個錨定標記與HREF =「page1.html 「class =」hiddenLink「

來源

2015-05-26 12:34:19

如何使用HTML和JQUERY將一頁跳轉到另一頁

回答

相關問題