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 回答