在带有选项的选择下拉列表中获取位置列表的最佳方法

时间:2018-07-11 17:30:44

标签: javascript html5 location

好吧,首先,很抱歉,如果有人提出这个问题,我在这里搜索了类似的内容,但找不到我想要的东西。因此,我想做的是在下拉列表中获取位置列表,以便用户可以选择该位置并根据该位置查看内容。我想要每个省内的所有省市(仅限加拿大)。

所以我目前的想法是手动键入每个省和每个省内的主要城市,例如:

<select placeholder='location'>
    <optgroup label='New Brunswick'>
        <option value='all_new_brunswick'>All of New Brunswick</option>
        <option value='moncton'>Moncton</option>
        etc...
    </optgroup>
    <optgroup label='Alberta'>
       <option value='all_alberta'>All of Alberta</option>
       <option value='calgary'>Calgary</option> 
       etc..
    </optgroup> 
</select>

因此,我键入每个省,然后在每个省内仅添加主要城市(高人口)的列表。在输入所有这些内容时,我意识到仅添加主要城市的工作量是多少。我在想如果没有列出城市,用户会怎么想。那么,有没有更好的方法呢?我真的不想在API上花钱(没有太多免费的api来获取用户位置,也并不总是像让用户自行选择一样准确)。

我的另一个想法是,如果有一个免费的地理位置,我可以在其中获取用户位置,然后每当有人使用新位置登录我的网站时,将其添加到数据库中。然后使用该数据显示在下拉列表中,用户可以选择要搜索的位置(如果他们不想在该城市搜索)。

任何可以对此有所了解的人将不胜感激!

0 个答案:

没有答案