Jquery帮助添加ajax功能的输入字段
Jquery help adding ajax function to input field
我正在尝试添加当复选框更改为输入字段时触发的相同ajax调用。
当输入字段的值发生变化时,我还想添加以下函数:
$('#left input:checkbox').change(function() {
$('#formcontent').empty().html('<p style="margin-top:20px;text-align:center;font-family:verdana;font-size:14px;">Vent venligst, henter webhosts.</p><p style="margin-top:20px;margin-bottom:20px;text-align:center;"><img src="../images/ajax.gif" /></p>');
var form = $(this).closest('form');
$.ajax({
type: form.attr('method'),
url: form.attr('action'),
data: form.serialize(),
success:function(msg){
$('#formcontent').html(msg);
}
});
这是我的滑块代码。它更新输入字段:
$("#slider").slider({
value:'',
min: 0,
max: 5000,
step: 250,
slide: function(event, ui) {
if (ui.value == $(this).slider('option', 'max')) {
$(ui.handle).html('Ubegrænset');
$('#sliderValueplads').val('99999');
} else {
$(ui.handle).html(ui.value + ' MB');
$('#sliderValueplads').val(ui.value);
}
}
}).find('a').html($('#slider').slider('value'));
$('#sliderValueplads').val($('#slider').slider('value'));
这是我的html:
<div class="sliderdiv">
<div id="slider"></div>
<input type="text" style="display:none;" size="30" name="search[prisar_greater_than]" id="sliderValueplads">
</div>
我试图替换代码中的这一行:
$('#left input:checkbox').change(function() {
用这个(不工作):
$('#left input:checkbox', '#sliderdiv input').change(function() {
我已经尝试清理代码。问题是callpage没有被触发:
function callpage() {
$('#formcontent').empty().html('<p style="margin-top:20px;text-align:center;font-family:verdana;font-size:14px;">Vent venligst, henter webhosts.</p><p style="margin-top:20px;margin-bottom:20px;text-align:center;"><img src="../images/ajax.gif" /></p>');
var form = $(this).closest('form');
$.ajax({
type: form.attr('method'),
url: form.attr('action'),
data: form.serialize(),
success:function(msg){
$('#formcontent').html(msg);
}
$('#left input:checkbox').change(callpage);
我在firebug中得到这个错误:
missing } after property list [Break ved denne fejl] $('#left input:checkbox').change(callpage)
如果您通过jQuery代码更改值,则更改事件不会在文本框上触发,您需要在代码中做这样的事情-
$('#sliderValue').trigger('change')
相关文章:
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 而循环只设置php中输入字段中的第一个值
- 在输入字段中将最小金额设置为
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- 如何在HTML输入字段中添加不可删除的后缀
- 互斥单选按钮和相应的输入字段
- 在IE9中的输入字段中输入焦点最近按钮
- 选中单选框时将属性添加到输入字段
- 当设置addFromAutocompleteOnly时,剩余文本将保留在输入字段中
- 我如何在数字插入中使用逗号,这样它就不会'不要破坏我的输入字段
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- 输入字段将't获取更新的值
- 如何选择多个输入字段并删除所需的属性
- 输入字段,只接受0到12之间的数字
- 单击鼠标,用MySQL数据填充html表单输入字段
- 使用jquery将输入字段转换为文本
- Model中的Typeahead返回空值以形成输入字段
- 如何从查询字符串中的输入字段发回文本
- 如何验证日期、月份和日期的3个独立输入字段;年使用jquery或javascript
- 将值传递给jquery创建的输入字段