如何使用jquery在文本框中显示选定的下拉值? [英] how to display selected dropdown value in textbox using jquery ?
本文介绍了如何使用jquery在文本框中显示选定的下拉值?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
先生
如何使用jquery在文本框中显示选定的下拉值?
例如
hi ,sir
how to display selected dropdown value in textbox using jquery ?
for example
$("#Button1").click(function () {
$("body").append('<input type="text" name="mytextbox" id=TextboxId></input>');
$("#TextboxId").attr('maxlength','2');
// $("input").css({ left: +e.pageX, top: +e.pageY });
$('input').focus();
$('input').appendTo("body");
// var jTextBox = jQuery('<input type="text" name="mytextbox">');
var data = {
'value': '1', 'value2': '2', 'value3': '3',
'value4': '4'
};
var s = $('<select />');
for (var val in data) {
$('<option />', { value: val, text: data[val] }).appendTo(s);
}
s.appendTo('body');
$(function () {
$('#TextboxId').keydown(function (e) {
if (e.shiftKey || e.ctrlKey || e.altKey) {
e.preventDefault();
} else {
var key = e.keyCode;
if (!((key == 8) || (key == 46) || (key >= 35 && key <= 40) || (key >= 48 && key <= 57) || (key >= 96 && key <= 105))) {
e.preventDefault();
}
}
var ddl = $(this).attr('value');
});
});
});
});
推荐答案
(" ).click(
("#Button1").click(function () {
(" ).append(' < input type ="text" name ="mytextbox" id = TextboxId></input>');
("body").append('<input type="text" name="mytextbox" id=TextboxId></input>');
( #TextboxId").attr( maxlength', 2'); //
("#TextboxId").attr('maxlength','2'); //
这篇关于如何使用jquery在文本框中显示选定的下拉值?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文