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') );
});