Question

我有一个带有多个超链接的html页面＆amp;另一页由表格组成。我想在点击特定超链接时通过更改默认值来重复使用表单。

例如，在第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做到这一点？我也可以探索其他选项：）

Answer 1

如果您愿意使用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>

单击特定超链接时在表单上设置某个默认值

1 个答案: