0

京都のバス路線をオンラインで作っています。そのため、コードで autoComplete を開始および終了しました。私の目標は、主要なストップの組み合わせを認識し、新しい html ファイルにリンク (または再生) するコードを作成することです。

これが私のHTMLコードです。.......

<body>
<div id = "buttons">
<h1> Kyoto Bus Map</h1>
<label for="autocomplete">start </label>
<input id="autocomplete" placeholder="where is your closest bus station?" />

<label for="autocomplete1">end</label> 
<input id="autocomplete1" placeholder="where would you like to go?" /> 
</div>

<script>
var source = [ {label: "kyoto Station"},
               {label: "Gion"},
               {label: "Kyoto Tower"}]; /*I also want my start input to wait until end input is filled.*/

var source1 = [ {value: "kyoto.html", label: "kyoto Station"},
           {value: "gion.html", label: "Gion"},
           {value: "tower.html", label: "Kyoto Tower"}];



$(document).ready(function() {
$("input#autocomplete").autocomplete({
    source: source,
    select: function( event, ui ) { 
        window.location.href = ui.item.value;
    }
});
});


$(document).ready(function() {
$("input#autocomplete1").autocomplete({
    source: source1,
    select: function( event, ui ) { 
        window.location.href = ui.item.value;
    }
});
});

</script>
</body>
........

ありがとうございました！！！

4

0 に答える 0