我有一个工作正常的变更事件,但我需要让它来递减.
所以我有一个在更改时触发的函数,它将根据类选择器"更改"其他下拉菜单(注意"下拉",可能有多个).此代理更改不会触发该功能,因此失败.我怎样才能让它发挥作用?
$(document).ready(function () {
var activeDropBox = null;
$("select.drop-box").change(function () {
var questionId = $(this).attr("questionId");
var selectedAnswer = $(this).val();
activeDropBox = this;
alert(this.questionId);
$.ajax(
{
type: "POST",
url: answerChangedActionUrl,
data: { questionId: questionId, selectedValue: selectedAnswer },
success: function (data) {
SetElementVisibility(data.ShowElement, questionId);
}, error: function (XMLHttpRequest, textStatus, errorThrown) {
alert('XMLHttpRequest:' + XMLHttpRequest.responseText);
alert('textStatus:' + textStatus);
alert('errorThrown:' + errorThrown);
}
});
});
function SetElementVisibility(visible, questionId) {
// I would like each child to then trigger the change event...
$(".childOf" …Run Code Online (Sandbox Code Playgroud) 我有一个自定义的JQuery自动完成控件,声明是这样的.
$('#SystemCode_Autocomplete').autocomplete({
source: [{"label":"Access","value":0},{"label":"Documentum","value":0}], //move values
minLength: 1,
change: function(event, ui) {// some function},
select: function(event, ui) {// some function}
});
Run Code Online (Sandbox Code Playgroud)
更改和选择事件是自定义的.问题是如果我在文本框中键入内容然后单击提交按钮(即没有标签输出或丢失焦点),或者如果我在键入文本框后按键提交,则不会触发更改事件,它必须在我提交之前.
我希望不要在提交按钮后面放置javascript,并且理想情况下在自动完成控件本身内执行此操作.我尝试将更改添加到模糊事件.
${'foo').blur(function() { $('bar').trigger('autocompletechange');
// or
${'foo').blur(function() { $('bar').change();
Run Code Online (Sandbox Code Playgroud)
但他们都没有工作,任何人都有任何想法?
我想在输入聚焦后立即显示选项.那有什么设置吗?我尝试将minLength设置为0,但它不起作用......它仍然等待按键.
早上好,
我有以下代码:
$("#close-request-field-clinic").autocomplete({
source: arrayClinic,
delay: 0,
minLength: 0,
isDivider: function( item ) {
return false;
},
focus: function ( event, ui ) {
$('#close-request-field-clinic').val( ui.item.label );
return false;
},
select: function( event, ui ) {
$('#close-request-field-clinic').val( ui.item.label );
if(ui.item.value == -1) {
resetField('#close-request-field-clinic', false);
} else {
successField('#close-request-field-clinic');
setKey(finalValues, 'clinic', ui.item.value);
if(msieversion()) {
$(this).blur();
}
}
checkValidation(fieldCheck,'#close-request-personal-information-next');
return false;
},
change: function( event, ui ) {
alert('change');
if(!ui.item) {
resetField('#close-request-field-clinic', false);
removeKey(finalValues, 'clinic');
}
checkValidation(fieldCheck,'#close-request-personal-information-next');
return false;
}
}).focus(function(){$(this).autocomplete("search", …Run Code Online (Sandbox Code Playgroud) 我最近发布了这个问题:jqgrid编辑表单autocomplete ="off"默认情况下,如何更改为autocomplete ="on"因为我注意到默认情况下jqGrid编辑表单给了所有输入元素autocomplete="off"属性.我认为这就是为什么Web浏览器不会为jqGrid编辑表单实现通常的自动填充功能的原因.修复此问题并使所有输入元素具有autocomplete="on"属性后,仍然没有jqGrid编辑表单的自动填充.
有谁知道为什么自动填充不适用于这些表格?表格是通过ajax提交的,所以我不确定这是否会影响它.
为了清楚起见,我不是在谈论jQueryautocomplete().我说的是自动填充功能内置的现代网络浏览器(Chrome,FF).
例如请到我的jsfiddle例子的形式在这里.您可以使用您想要的任何内容填写表单,然后单击submit.刷新页面并重新填写.您的浏览器应该记住并建议第一次填写的值.这就是我发生的事情.
另一方面,如果你在这里转到jqGrid编辑示例.选择一行,然后单击小编辑按钮(看起来像铅笔).您无法更改第一个字段,但可以更改其他字段.在其他字段中放置您想要的任何内容并单击submit.再次尝试刷新页面.我在许多计算机以及FF和Chrome中遇到的情况是,此表单不记得任何过去的条目.
这是问题,你遇到同样的事情吗?如果是这样,您知道是否可以使这些jqGrid表单与浏览器的自动填充功能兼容?
谢谢!
所以我有一个由表单填充的表。可以通过点击编辑按钮来编辑每一行。编辑按钮打开填充的表单。我需要自动填写自动完成功能,以便用户可以看到他选择的课程之一。
我正在使用 PHP 和 Codeigniter 服务器端,并根据数据库动态创建我的表单。标签和值都从数据库中生成并填充我的 JQuery 自动完成(也称为下面的数据源变量)。从我的控制器我将我的值传递给模型并从数据库中获取标签。从那里我将它传递给我的视图和我的自动完成并将输入值设置为等于找到的标签。
我觉得这样做很脏。这种低效的做法让我眼花缭乱。
我想使用我获得的值并让自动完成选择它并显示它的标签客户端。
或者
我只需要在框中显示标签,以便用户知道它不是空白字段。
这两个选项都需要允许用户修改自动完成框。
我的输入代码如下所示:
<div class="row-start span-2">
<label for="course_code">Course Code </label>
</div>
<div class="row-end span-2">
<input id="course_code">
</div>
Run Code Online (Sandbox Code Playgroud)
我的自动完成脚本如下所示:
<script>
function search_course_code(){
var datasource = [{"value":"1","label":"AAF100 - DL"},{"value":"2","label":"AAF101 - DL+web"},.....];
var searchboxid = "#course_code";
var searchresultid = "#CRSEINVID";
$(searchboxid).autocomplete({
source:datasource,
focus: function( event, ui ) {
$( searchboxid ).val( ui.item.label );
return false;
},
select: function(event,ui){
var UIvalue = ui.item.value;
var UIlabel = ui.item.label;
console.log(UIvalue);
console.log(UIlabel); …Run Code Online (Sandbox Code Playgroud) 我有一些JQuery工作正常.它加载所有自动完成值,并在单击它们时加载searchdata.php,执行所有搜索.这有效.
我无法弄清楚的是,如果用户决定他们不想选择自动完成值并改为输入,那么如何让它在点击时对搜索输入中的值执行searchdata.php输入WITHOUT重新加载页面?我试过绑定和生活,但无法让它工作.
<script type="text/javascript">
$(document).ready(function() {
var availableTags = <?php echo json_encode($findrow);?>;
$("#search_input").watermark("Begin Typing to Search");
$('#searchresultdata').append(sendSelected);
$("#search_input").autocomplete({
source: availableTags,
select: function(event, ui) {
sendSelected(ui.item.value);
}
});
function sendSelected(_val){
var search_input = _val;
if (search_input =='') search_input ='*';
var dataString = 'keyword='+search_input;
if (search_input.length > 2 || search_input=='*') {
$.ajax({
type: "GET",
url: "core/functions/searchdata.php",
data: dataString,
success: function(server_response) {
$('#searchresultdata').empty();
$('#searchresultdata').append(server_response);
$('span#category_title').html(search_input);
}
});
}
}
});
</script>
Run Code Online (Sandbox Code Playgroud) jquery ×7
javascript ×2
jquery-ui ×2
autocomplete ×1
autofill ×1
forms ×1
html ×1
jqgrid ×1
php ×1