0
我一直在嘗試通過使用jquery更改選擇輸入。當用戶點擊搜索字段時,我希望更改選擇字段。這裏是我用來做到這一點的代碼:使用jquery更改選擇輸入
$(document).ready(function() {
$('#cat-filter').change(function() {
var filterText = $(this).val().toLowerCase();
if(filterText == 'all events'){
$('a.events').css("display", "inline");
} else if(filterText != ''){
$('a.events:not([categories~="'+ filterText +'"])').css("display", "none");
$('a.events[categories~="'+ filterText +'"]').css("display", "inline");
} else {
$('a.events').css("display", "inline");
}
});
// --------------- THIS IS THE CODE ----------------
$('#search-input').focus(function() {
$(this).val('');
$('a.events').css("display", "inline");
$("select option:contains(1)").prop('selected', true);
});
//--------------------------------------------------
$('#search-input').blur(function() {
$(this).val('Search Events');
});
$('#search-input').keyup(function(){
textField = null;
var textField = $(this).val().toLowerCase();
if (textField != ""){
$('a.events:not([categories*="'+textField+'"])').css("display", "none");
$('a.events[categories*="'+textField+'"]').css("display", "inline");
} else {
$('a.events').css("display", "inline");
}
});
});
但它似乎並不奏效。我檢查了我的ID和值,但似乎沒有任何工作。我正在使用jquery 1.9,我已閱讀需要使用prop。請讓我知道我做錯了什麼,謝謝!
這裏是一個活生生的例子:http://www.lcbcchurch.com/new-site/events