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