-1

私はプロジェクトに参加していますが、助けが必要な単純な解決策を必要とする単純な問題に行き詰まっています。オプションとして「google」、「yahoo」、「bing」を含むドロップダウンリストがあり、ユーザーが送信ボタンをクリックすると、テキストボックスに入力されたテキストが検索されるフォームを設計しようとしています対応する Web サイト (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";

私がやろうとしているのは、ユーザーがテキストを入力してオプションを選択し、送信ボタンをクリックすると、対応する検索Webサイトのgoogle、yahoo、またはbingに移動することです。これを達成するための同様の html/php ソリューションがある場合は、お知らせいただくか、リンクを投稿してください。

あなたの答えや提案を投稿してください。感謝します。ありがとう。

4

2 に答える 2

1

あなたのコードを正しく読めば、あなたのフォーム アクションにより、ユーザーは Google にリンクされます。できることは、それらを別のページ (redirect.php など) にリンクすることです。redirect.php から、select から POST 入力を読み取り、何を選択したかを調べます。そこから、それに応じてリダイレクトします。あなたの質問を正しく理解できたことを願っています。

于 2013-01-28T04:32:06.070 に答える
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;
};

Submit を使用した 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 に答える