Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/287.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从每次都会更改的文本框的值创建一个组合框_Javascript_Php_Jquery_Ajax - Fatal编程技术网

Javascript 从每次都会更改的文本框的值创建一个组合框

Javascript 从每次都会更改的文本框的值创建一个组合框,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我想填充一个组合框,如下所示,每次更改textbox3中的值时,都会使用textbox2进行更改 <html> <head> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> </head> <body> <input name="textbox2" id="edValue" type="te

我想填充一个组合框,如下所示,每次更改textbox3中的值时,都会使用textbox2进行更改

<html>
   <head>
      <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
   </head>
   <body>
      <input name="textbox2" id="edValue" type="text" onInput="edValueKeyPress()"><br>
      <input name="textbox3" id="textbox3"  ><br>
      <p/>
   </body>
   <script type="text/javascript">
      function edValueKeyPress() {
       var edValue = document.getElementById("edValue");
       var s = edValue.value;
       textbox3.value=s.concat('world');;
      }    
   </script>
   <script type="text/javascript">
      $(document).ready(function() {

          var data = {  'Country1': 'Sri Lanka', 'Country2': 'USA', 'Country3': 'Australia', 'Country4': 'Newzeland'};

          var s = $('<select id="combo" />');

          for(var val in data) {
              $('<option />', {value: val, text: data[val]}).appendTo(s);
          }
          s.appendTo('p');    

          //when we select an item from dropdown or combobox then alert that value
          $(document).on('change',"#combo", function(){
              alert(this.value);
          });
      });

   </script>
</html>
这意味着每次组合框值都应该随文本框值更改

现在只对文本框3中的更改产生影响。只希望这对您有所帮助

功能edValueKeyPress{ var-edValue=document.getElementByIdedValue; var s=edValue.value; textbox3.value=s.concat'world'; var getValueTextbox=document.getElementByIdtextbox3.value; 使_comboboxgetValueTextbox; } 制作组合框; 函数make_comboboxtextbox{ $'combo'。删除; 风险值数据={ “国家1”:“斯里兰卡”, “国家2”:“美国”, “国家3”:“澳大利亚”, “国家4”:“纽泽兰” }; var s=$; 对于数据中的var val{ $, { 值:val, 文本:数据[val]+'=>'+文本框 }.附录; } s、 附在“p”之后; //当我们从下拉列表或组合框中选择一个项目时,请提醒该值 $document.on'change',组合,函数{ 警告这个值; }; }

这不会创建组合框。而且,在第一次输入中写了几封信之后,警报就变得疯狂了。@vadivel a谢谢,这就是我需要的

<select id="combo">
    <option value="Country1">Sri Lanka (value from textbox3) </option>
    <option value="Country2">USA (value from textbox3) </option>
    <option value="Country3">Australia (value from textbox3)</option>
    <option value="Country4">Newzeland (value from textbox3)</option>
</select>