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外部链接（因此'$'没有问题）。脚本标记位于我的基本文件的head标记中。我没有收到任何错误，当我点击链接选择选项时，页面只是跳转到下拉菜单而不是更改选项。

Answer 1

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

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