如何使用jquery在文本框中显示选定的下拉值? [英] how to display selected dropdown value in textbox using 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屋！