0

1から6までの番号でドロップダウンメニューを作成しようとしています。ユーザーが番号を選択してボタンをクリックすると、その番号の選択に関連付けられているWebページにユーザーがリダイレクトされます。リダイレクトされたコンテンツはに表示されます。AJAXとjQueryまたはjavascriptを使用してこれを実行したいと思います。この行にIDを指定するとリダイレクトを取得できますが、それは私の最終的な目標ではありません。リダイレクトには機能しますが、番号に関連付けられた対応するWebページには機能しません。各オプションの選択にIDを割り当てようとしましたが、それらのIDを使用してajax.jsファイルを操作してもリダイレクトは提供されません。AJAXコードで特定のドロップダウン選択を「バインド」、「フォーカス」、または「選択」する方法がわかりません。オプションを「バインド」、「フォーカス」に選択できるようになったら、ドロップダウンメニューで選択した番号を使用して、関連付けられた正しいWebページに適切にリダイレクトするために、AJAXコードまたはswitchステートメントでループと変数を作成する必要がある場合があります。 「」または「選択」。AJAXがコード内でループまたはスイッチを許可するかどうか、または配列を作成するか、AJAXが選択するための外部ファイルを作成する必要があるかどうかはわかりません。これを機能させる方法について何か提案やアイデアがあれば、私に知らせてください。どうもありがとうございます。良い週末を。アン または、AJAXが選択する外部ファイルを作成します。これを機能させる方法について何か提案やアイデアがあれば、私に知らせてください。どうもありがとうございます。良い週末を。アン または、AJAXが選択する外部ファイルを作成します。これを機能させる方法について何か提案やアイデアがあれば、私に知らせてください。どうもありがとうございます。良い週末を。アン

dropdown.htmlで

<html>
<head>
<script type='text/javascript' src='js/jquery.js'></script>
</head>
<body>

<form name="redirect">
<select name="selection">
  <option id="one" value="pageone.php">1</option>
  <option id="two" value="pagetwo.php">2</option>
  <option id="three" value="pagethree.php">3</option>
  <option id="four" value="pagefour.php">4</option>
 <option id="five" value="pagefive.php">5</option>
 <option id="six" value="pagesix.php">6</option>
</select>

<input type="button" value="Click Here!" id="btn" >
<div id="content"></div>
</form>
<script type='text/javascript' src='js/ajax.js'></script>
</body>
</html>

js / ajax.jsで（これは機能します）

$('#btn').click(function() {
    $.ajax({
        url: 'redirpage.html',
        success: function(data) {
            $('#content').html(data);
        }
    });
});​

js / ajax.js（これは機能しません。focus（）、select（）、またはその他のイベントハンドラーも機能しません）

$('#one').bind(function() {
    $.ajax({
        url: 'pageone.php',
        success: function(data) {
            $('#content').html(data);
        }
    });
});​
4

1 に答える 1

1

私の理解が正しければ、select の値であるページに対して ajax 呼び出しを行いますか? そして、#content? に表示すべきデータを返します。

返されるデータの種類は単純な html ですか?

この場合、私はこれを試します：

$('select[name=selection]').change(function(){
  var url = $(this).val();
  $.post(url, function(data) {
    $('#content').html(data);
  });
});

オプションの ID は必要ありません。

于 2012-08-18T12:31:40.180 に答える