2016-11-08 34 views
-1

我試圖創建一個帶有Google地圖的按鈕的搜索框。對於搜索框,通過關注this example很容易創建。但是,我無法找到如何添加菜單按鈕,就像他們在Google地圖中所做的一樣。有關更多詳細信息,請參見下圖。 謝謝。如何在搜索框中放置按鈕

enter image description here

編輯:要清楚,我指的是在其位於搜索框左側的菜單按鈕。這不是右側的藍色箭頭按鈕。

回答

1

將最後一行添加到您的示例中,以添加將出現在搜索框旁邊的按鈕。你需要編寫一個函數來告訴按鈕在被點擊時該做什麼。

<body> 
<input id="pac-input" class="controls" type="text" placeholder="Search Box" 
<button onclick="doStuff()">Press to Search</button> 
+0

不幸的是,它不起作用。你能提供一個小提琴實施嗎? – lenhhoxung

+0

該按鈕已添加。你需要做一個函數來告訴按鈕做什麼。在上面的例子中,它將是一個名爲「doStuff()」的函數。 –

+0

https://jsfiddle.net/beminster/vkguzoed/ –