-1

我正在从事一个项目，并且一直被困在一个简单的问题上，该问题需要一个简单的解决方案，而我急需帮助。我正在尝试设计一个表单，其中将有一个下拉列表，其中包含“google”、“yahoo”和“bing”作为选项，当用户单击提交按钮时，将搜索在文本框中输入的文本在相应的网站（如 google 或 yahoo 或 bing ）中。这是代码。

    echo "<form class=\"form\"  METHOD=\"GET\" ACTION=\"http://www.google.com/search\" TARGET=\"_blank\"\">"; 
echo "<input type=\"Text\" name=\"q\" size=\"25\" maxlength=\"255\" class=\"Ft\">\n"; 

echo "</td>\n"; 
echo "\n"; 
echo "<td valign=\"baseline\" style=\"background-color:#E6EAE9;\">\n"; 
echo "<div class=\"styled\"> \n"; 
echo "<select>\n"; 
echo "  <option value=\"Google\">Google</option>\n"; 
echo "  <option value=\"Yahoo\">Yahoo</option>\n"; 
echo "  <option value=\"Bing\">Bing</option>\n"; 
echo "  \n"; 
echo "</select>\n";

我想要做的是，当用户键入文本并选择选项然后单击提交按钮时，它将转到相应的搜索网站 google 或 yahoo 或 bing。如果您有类似的 html/php 解决方案来完成此操作，请告诉我或发布链接。

请发布您的答案或建议，我将不胜感激。谢谢。

4

2 回答 2

1

这是一个 JavaScript 解决方案。

HTML：

<select id="search">
    <option value="http://google.com/">Google</option>
    <option value="http://yahoo.com/">Yahoo</option>
    <option value="http://bing.com/">Bing</option>
</select>

<input type="submit" id="submitBtn">

没有提交的 JS：

var selectSearch = document.getElementById('search');

selectSearch.onchange = function() {
  window.location = selectSearch[selectSearch.selectedIndex].value;
};

带有提交的 JS：

var selectSearch = document.getElementById('search');
var submitBtn = document.getElementById('submitBtn');

submitBtn.onclick = function() {
  window.location = selectSearch[selectSearch.selectedIndex].value;
};
于 2013-01-28T04:40:22.900 回答
1

如果我正确阅读了您的代码，用户将因为您的表单操作而链接到 Google。你可以做的是将它们链接到一个单独的页面（例如redirect.php）。从redirect.php 中，从您的选择中读取您的POST 输入以找出他们选择的内容。从那里，相应地重定向。希望我正确理解了你的问题。

于 2013-01-28T04:32:06.070 回答