Создайте поле со списком из значений текстового поля, которое будет меняться каждый раз - PullRequest
Новая
       1

Создайте поле со списком из значений текстового поля, которое будет меняться каждый раз

0 голосов
/ 10 марта 2020 
<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>

Я хочу заполнить поле со списком, как показано ниже, при каждом изменении значений в textbox3, которое будет меняться каждый раз с textbox2 

<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>

, что означает, что каждый раз, когда значение поля со списком должно меняться с значение текстового поля.

Сейчас только изменения, влияющие только на текстовое поле3 только

1 Ответ

0 голосов
/ 10 марта 2020

Надеюсь, это поможет вам. 

function edValueKeyPress() {
  var edValue = document.getElementById("edValue");
  var s = edValue.value;
  textbox3.value = s.concat('world');
  var getValueTextbox = document.getElementById("textbox3").value;
  make_combobox(getValueTextbox);
}

make_combobox('');

function make_combobox(textbox) {
  $('#combo').remove();
  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] + '=>' + textbox
    }).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 src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="textbox2" id="edValue" type="text" onInput="edValueKeyPress()"><br>
<input name="textbox3" id="textbox3"><br>
<p/>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...