jQuery和WebPy创建链接，选择下拉选项

Question

这是我使用的代码，我想实现http://jsfiddle.net/HFvRs/

<form action="" method="post" name="paramform" id="paramform"> 
<select id="param" name="Param"> 
<option value="select">select</option> 
<option value="startp">startp</option> 
</select> 
<a href="#paramform" data-select="startp">startp 1 </a> 

和

var $select = $('#param'); 
$('a[href="#paramform"]').click(function() { 
$select.val($(this).data('select')); 
}); 

我所链接的JavaScript在我的静态文件夹中外部（所以'$'没有问题）。脚本标签位于我的基本文件的头部标签中。我没有收到任何错误，当我点击链接选择选项时，页面跳转到下拉菜单而不是更改选项。

Answer 1

在链接中使用event.preventDefault()单击以停止链接的默认行为。

$('a[href="#paramform"]').click(function (e) { 
     e.preventDefault(); 
     $select.val($(this).data('select')); 
});