Как мне разрешить пользователю создавать свои собственные опции - PullRequest
Новая
       23

Как мне разрешить пользователю создавать свои собственные опции

0 голосов
/ 03 июня 2018

Итак, у меня есть пара строк кода, которые дают пользователю возможность выбрать начальную и конечную точки, после выбора они нажимают на ссылку и перенаправляются на страницу карт Google, на которой уже указаны указания для них.Я пытаюсь добавить функцию, которая позволяет пользователю сохранять свои параметры в качестве местоположений.Без контекста это не имеет особого смысла, поэтому вот мой код: 

<DOCTYPE html>
<html>
<head>
<script>
    function updateNavigationLink() {
        var link = "https://maps.google.com/maps?saddr=" +
            encodeURIComponent(document.getElementById("start").value)      +
            "&daddr=" + encodeURIComponent(document.getElementById("end").value);
        document.getElementById("navigationLink").href = link; 
    }
</script>

<meta charset="utf-8">
<title>ISHGUIDE</title>
</head>
<link rel="stylesheet" type="text/css" href="style.css">

<div class=naviselection>
    Start:
    <input type='text' list='startinput' id="start" onchange="updateNavigationLink()" />
    <datalist id="startinput" >  
    <option value="The International School of The Hague, Wijndaelerduin 1, 2554 BX Den Haag">School</option>
    <option value="Centrum, Den Haag">City Center</option>      
</datalist>   

    End:
    <input type="text" id="end" list="endinput" onchange="updateNavigationLink()"/>
        <datalist id="endinput" >
        <option value="The International School of The Hague, Wijndaelerduin 1, 2554 BX Den Haag">School</option>
        <option value="Centrum, Den Haag">City Center</option>      
    </datalist>
</div>

<div class=Finallink>
    <a id="navigationLink">NAVILINK</a>         
</div>

Я хотел бы создать функцию, в которой пользователю предоставляется возможность сохранять местоположения в качестве различных параметров, например:

Местоположение: PUT LERATION ЗДЕСЬ
Имя: PUT NAME HERE

Они могут указать адрес своего дома в строке местоположения, а "home" - на панели параметров.Затем эта строка кода будет добавлена ​​в мой сценарий: 

<option value="house address">HOME</option>

Как бы я мог создать эту функцию и убедиться, что она работает так, как я хотел бы.

Спасибо заВаша помощь очень ценится.

...