Javascript html выберите вариант

Question

У меня есть раскрывающийся список выбора, который показывает текст, когда параметр выше 1.

У меня есть много выпадающих списков, которые одинаковы, но код работает только для первого

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

Единственное, что осталось - это результат, проблема, которую я имею, это его часть файла php, который auto генерирует список заказов, как я могу сделать каждое поле уникальным, когда оно генерируется автоматически, поэтому функция воздействует на них все вместо первого.

Вот код

function dropdownTip(value) {
  console.log(value);
  document.getElementById("result").innerHTML = value;
}

<label for="letters">Amount Of Letters In Order:</label> &nbsp;
<select onChange="dropdownTip(this.value)" name="search_type" style="margin-right:10px; margin-top:2px;">
  <option selected="selected" value="1">1</option>
  <option value="More then One Letter">2</option>
  <option value="More then One Letter">3</option>
  <option value="More then One Letter">4</option>
  <option value="More then One Letter">5</option>
  <option value="More then One Letter">6</option>
  <option value="More then One Letter">7</option>
  <option value="More then One Letter">8</option>
  <option value="More then One Letter">9</option>
  <option value="More then One Letter">10</option>
</select>
<span id="result"></span>

image1 Image2 Любая помощь будет принята с благодарностью.

Answer 1

Вы можете заключить его в div и добавить класс:

display:flex;

function dropdownTip(value) {
  console.log(value);
  document.getElementById("result").innerHTML = value;
}

.section {
  display: flex;
}

<div class="section">
  <label for="letters">Amount Of Letters In Order:</label> &nbsp;
  <select onChange="dropdownTip(this.value)" name="search_type" style="margin-right:10px; margin-top:2px;">
    <option selected="selected" value="1">1</option>
    <option value="More then One Letter">2</option>
    <option value="More then One Letter">3</option>
    <option value="More then One Letter">4</option>
    <option value="More then One Letter">5</option>
    <option value="More then One Letter">6</option>
    <option value="More then One Letter">7</option>
    <option value="More then One Letter">8</option>
    <option value="More then One Letter">9</option>
    <option value="More then One Letter">10</option>
  </select>
  <div id="result"></div>
</div>