Ссылка на две html-страницы

Question

У меня две страницы.Одним из них является index.html, а другим - pk_canonical.html.Я хочу связать страницу pk-canonical.html со страницей индекса как одну из опций в раскрывающемся списке.Когда я попытался запустить страницы.Обе страницы работают нормально по отдельности, но когда я выбираю опцию из выпадающего списка на странице индекса, он говорит: «Сервер не нашел ничего, соответствующего запрошенному URI». И это не идет на страницу pk_canonical.где я ошибся.Ниже приведен код.

index.html:

<div class="content">
    <!--<p>-->
        <!--<select data-bind="options: Algorithms,-->
                       <!--optionsText: 'algoName',-->
                       <!--value: selectedAlgorithm,-->
                       <!--optionsCaption: 'Choose...'"></select>-->
    <!--</p>-->

    <!--<div data-bind="visible: selectedAlgorithm"> &lt;!&ndash; Appears when you select something &ndash;&gt;-->
        <!--You have chosen a country with population-->
        <!--<span data-bind="text: selectedAlgorithm ? selectedAlgorithm.algoPage : 'unknown'"></span>.-->
    <!--</div>-->
    <select id="algoSelect" onchange="algoSel(this)">
        <option selected="selected" disabled="disabled">Select an algorithm</option>
        <option value="Nussinov.html">Nussinov - max. #bp structure</option>
        <option value="counting.html">Structure Counting</option>
        <option value="McCaskill.html">McCaskill - structure probabilities</option>
        <option value="MEA.html">MEA structure</option>
        <option value="co-folding.html">Co-folding interactions</option>
        <option value="hybrid-only.html">hybrid-only interactions</option>
        <option value="accessibility.html">accessibility-based interactions</option>
        <option value="pk_canonical.html">canonical pseudoknot</option>


    </select>

    <div id="algopage">

    </div>

    <script type="application/javascript">
        function loadPage(){
            console.log("algo selected:", document.location);
            var $_GET = {};

            document.location.search.replace(/\??(?:([^=]+)=([^&]*)&?)/g, function () {
                function decode(s) {
                    return decodeURIComponent(s.split("+").join(" "));
                }

                $_GET[decode(arguments[1])] = decode(arguments[2]);
            });

//            console.log($_GET['id']);
            $(algopage).load($_GET['id']);
//            console.log("algo loaded");

        };

        function algoSel(algo){
            window.location='index.html?id=' + algo.value;

        };

    </script>

</div>


</body>

pk_canonical.html:

 <div class="row" id="introduction">
   <div class="colW600">
     The algorithm by
     <a href="https://doi.org/10.1093/nar/gkm258">Reeder&Giegerich</a>
     briefly sketch the way to implement  an extension of the usual dynamic programming (DP) scheme for RNA folding [5,6].
     <br />
     Helical stem called 'Canonical stem' which comprises only canonical Watson-Crick base pairs and usually ends with two canonical C=G base pairs before the internal loop.
     C(i,j) =  Maximal length of canonical stem with outermost base pairs (i,j)

     <br />
     A canonical pseudoknot consists of two crossing canonical stems.
     <br />
     The (suboptimal) backtrace procedure the pseudoknot matrix is handled at the end.
     <br />
     <br />
     Here, Since only two helices participate in one pseudoknot, we loop over all possible knots in one O(n4) loop and store the result in a two-dimensional matrix. 
     Finally, the traceback is visualized. 
   </div>
   <div class="colW150">
    <img alt="Canonical pseudoknot" src="output-onlinejpgtools.png" width=120 height=90 >
  </div>
 </div>

Answer 1

замените вашу функцию на эту,

 function algoSel(algo){
     window.location= algo.value;
 };

Здравствуйте, поэтому небольшая проблема возникла из вашей функции algoSel (algo), просто присвойте значение algo.value для window.location, чтобы включить его перенаправление наВаша страница алгоритма pk_canonical.Спасибо.

здесь,

    function algoSel(algo){
        window.location='index.html?id=' + algo.value;
    }

, вы сказали js перенаправить на вашу страницу index.html и искать ресурс / путь с именем pk_canonical.html, вместо того, чтобы просто сказать емуперенаправить на pk_canonical.html