可以自行输入的下拉框 select带输入可以输入的select下拉框-freejs.net代码演示

首页>>表单>>可以自行输入的下拉框 select带输入可以输入的select下拉框(2014-04-19)

可以自行输入的下拉框 select带输入可以输入的select下拉框

JavaScript Code

<script type="text/javascript">
$(document).ready(function() {
$("select").customComboBox({
tipText : "Enter Your Value",
tipClass : "mytipclass",
allowed : /[A-Za-z0-9$.s]/,
notallowed : /[<>]/,
index : 'last',
isEditing : function(el, status, value) {
if (typeof window.console!='object') { return; }
console.info('Editing status changed to (', status, ') on ', el, ' combo box and the selected value is "', value, '"');
},
onKeyDown : function(el, character, fulltext) {
if (typeof window.console!='object') { return; }
console.info('The character (', character, ') was just typed into ', el, ' combo box and the complete text is now "', fulltext, '"');
},
onDelete : function(el, fulltext) {
if (typeof window.console!='object') { return; }
console.info('A character was deleted from ', el, ' combo box and the complete text is now "', fulltext, '"');
}
});
$("form p").find('input').on('click',function(e) {
var sel = $(e.currentTarget).prev('select');
var name = sel.attr('name').toUpperCase();
var val = sel.find('option:selected').val();
$("#result").text(name+" combo box value is " + val);
});
});
</script>

XML/HTML Code