0

複数のハイパーリンクを含む html ページと、フォームで構成される別のページがあります。特定のハイパーリンクをクリックすると、デフォルト値を変更してフォームを再利用したいと考えています。

たとえば、1ページ目

<a href="..">Event 1</a> goes to the form that sets default option value to Event 1.
<a href="..">Event 2</a> goes to the form that sets default option value to Event 2.
& so on..

フォーム ページでは、前のページのハイパーリンクをクリックするとデフォルト値が選択されます。

<select>
   <option value = "1">Event 1</option>
   <option value = "2">Event 2</option>
   <option value = "3">Event 3</option>
</select>

JavaScriptでそれを行う方法はありますか？他のオプションも検討できます:)

4

1 に答える 1

0

jquery を使用する場合、これは簡単に実行できます。フォームのあるページで、これを行います。

次のようなリンクがあるページで：

<a href="myPage.html#event!">Event 1</a> goes to the form that sets default option value to Event 2
<a href="myPage.html#event2">Event 2</a> goes to the form that sets default option value to Event 1

ここで、myPage はフォームのあるページで、'myPage' で次の操作を行います。

$(function(){
  var link = document.URL;
  if(link == "myPage.html#event!"){
      $("select option").each(function(){
         if($(this).val() == 1){
              $(this).prop("selected", true);
              return;
           }
      });
  }
  else if(link == "myPage.html#event2"){
     // And so on..
   }
});

PS。以前に jquery を使用したことがない場合は、ドキュメントにこれを追加する必要があります。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
于 2013-06-29T17:30:09.150 に答える