我正在尝试将一些jQuery实现到我的asp项目中,并且每次触发函数都会导致页面刷新回其初始状态。我可以看到jQuery触发的结果一瞬间然后页面刷新,所以我知道jQuery很好。
有没有办法可以停止它。我已经尝试过四处搜索,但注意到这真的解释了如何做到这一点,而且我对asp .net的世界是一个真正的新手。
我原以为我需要使用.preventDefault(),但还没有设法将任何内容串起来。
她的代码基本上是将选项的值放入文本框并在单击选择时显示文本框
<select id="ops">
<option>Choose Property</option>
<option value="one">one</option>
<option value="two">two</option>
</select>
<asp:Button ClientIDMode="Static" ID="select" runat="server" Text="Select"/>
<div id="mydiv">
<asp:TextBox ClientIDMode="Static" Enabled="false" ID="textbox" runat="server" CssClass="textEntry" />
</div>
<script type="text/javascript">
$(document).ready(function () {
$('#mydiv').hide();
$('#ops').click(getOps);
});
function getOps() {
var choice = $(this).val();
$('#select').click(function () {
$('#mydiv').show();
$('#textbox').val(choice);
});
}
</script>
答案 0 :(得分:2)
使用event.prevenDefault();
<script type="text/javascript">
$(document).ready(function () {
$('#mydiv').hide();
$('#ops').click(getOps);
});
function getOps() {
var choice = $(this).val();
$('#select').click(function (event) {
event.preventDefault(); // stops form sumission
$('#mydiv').show();
$('#textbox').val(choice);
});
}
</script>