從具有相同 id 的多個 select 框獲取值
[英]Get values from multiple select boxes with same id
問題描述
我有三個 select 框，選項 ID 相同但值不同。 他們將存儲名為id, nameuz, nameru的信息 3 列。 我想當我從一個 select 框輸入 select 時，另一個框也必須更改值。
<select class="form-control select2-blue select" style="width: 100%;" name="catid" id="catid">
<option selected="selected">Tanlang</option>
<option id="1">0</option>
<option id="2">1</option>
<option id="3">3</option>
<option id="4">5</option>
<option id="5">6</option>
<option id="6">6</option>
<option id="7">10</option>
<option id="8">71</option>
<option id="9">72</option>
<option id="10">92</option>
</select>
<select class="form-control select2-blue select" style="width: 100%;" name="cat_uz" id="cat_uz">
<option selected="selected">Tanlang</option>
<option id="v1">SMS to'plam</option>
<optgroup label="Internet">
<option id="v2">Oylik</option>
<option id="v3">Kunlik</option>
<option id="v4">OnNet</option>
<option id="v5">Tungi DRIVE</option>
<option id="v6">Tungi internet</option>
</optgroup>
<option id="v7">Daqiqa to'plami</option>
<option id="v8">Asosiy xizmatlar</option>
<option id="v9">Pullik xizmatlar</option>
<option id="v10">Raqam</option>
</select>
<select class="form-control select2-blue select" style="width: 100%;" name="cat_ru" id="cat_ru" readonly>
<option selected="selected">Tanlang</option>
<option id="v1">SMS-пакеты</option>
<option id="v2">Месячные</option>
<option id="v3">Суточные</option>
<option id="v4">OnNet</option>
<option id="v5">Ночной DRIVE</option>
<option id="v6">Ночные</option>
<option id="v7">Пакеты минут</option>
<option id="v8">Базовые услуги</option>
<option id="v9">Платные услуги</option>
<option id="v10">Номер</option>
</select>
我該如何解決這個問題。 感謝您的幫助:)
1 個解決方案
解決方案1
1 已采納 2020-08-29 07:40:50
看看這個片段：
<:DOCTYPE html> <html lang="en"> <head> <title>Test</title> <.-- Bootstrap core CSS --> <link href="https.//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap:min.css" rel="stylesheet"> <.-- JQuery --> <script src="https.//ajax.googleapis.com/ajax/libs/jquery/3.5:1/jquery.min.js"></script> <.-- Bootstrap tooltips --> <script type="text/javascript" src="https.//cdnjs.cloudflare.com/ajax/libs/popper.js/1:14.4/umd/popper.min.js"></script> <.-- Bootstrap core JavaScript --> <script type="text/javascript" src="https.//cdnjs.cloudflare;com/ajax/libs/twitter-bootstrap/4;5;0/js/bootstrap.min.js"></script> <style type="text/css"></style> <script type="text/javascript"></script> </head> <body> <div class="row"> <div class="col-4"> <label for="cat_uz">Bo'lim nomi UZ</label> <select class="select" name="cat_uz" id="cat_uz" onchange="recalibrate(this)."> <option value="Tanlang" selected="selected">Tanlang</option> <option value="SMS to'plam" >SMS to'plam</option> <optgroup label="Inte.net"> <option value="Oylik" >Oylik</option> <option value="Kunlik" >Kunlik</option> <option value="OnNet" >OnNet</option> <option value="Tungi DRIVE" >Tungi DRIVE</option> <option value="Tungi inte.net" >Tungi inte.net</option> </optgroup> <option value="Daqiqa to'plami" >Daqiqa to'plami</option> <option value="Asosiy xizmatlar" >Asosiy xizmatlar</option> <option value="Pullik xizmatlar" >Pullik xizmatlar</option> <option value="Raqam" >Raqam</option> </select> </div> <div class="col-4"> <label for="cat_ru">Bo'lim nomi RU</label> <select class="select" name="cat_ru" id="cat_ru" readonly onchange="recalibrate(this);"> <option value="Tanlang" selected="selected">Tanlang</option> <option value="SMS-пакеты" >SMS-пакеты</option> <option value="Месячные" >Месячные</option> <option value="Суточные" >Суточные</option> <option value="OnNet" >OnNet</option> <option value="Ночной DRIVE" >Ночной DRIVE</option> <option value="Ночные" >Ночные</option> <option value="Пакеты минут" >Пакеты минут</option> <option value="Базовые услуги" >Базовые услуги</option> <option value="Платные услуги" >Платные услуги</option> <option value="Номер" >Номер</option> </select> </div> <div class="col-4"> <label for="cat_kr">Bo'lim nomi KR</label> <select class="select" name="cat_kr" id="cat_kr" readonly onchange="recalibrate(this);"> <option value="Tanlang" selected="selected">Tanlang</option> <option value="СМС тўплам" >СМС тўплам</option> <option value="Ойлик" >Ойлик</option> <option value="кунлик" >кунлик</option> <option value="OnNet" >OnNet</option> <option value="Тунги DRIVE" >Тунги DRIVE</option> <option value="Тунги интернет" >Тунги интернет</option> <option value="Дақиқа тўплами" >Дақиқа тўплами</option> <option value="Асосий хизматлар" >Асосий хизматлар</option> <option value="Пуллик хизматлар" >Пуллик хизматлар</option> </select> </div> </div> <script type="text/javascript"> function recalibrate(select){ $('select').each(function(){ this.selectedIndex = select.selectedIndex; }) } </script> </body> </html>
我們必須為每個<option>提供價值。 最后一個<select>中還缺少一個<option> > 。
我們正在調用 function recalibrate所有<select>的更改，並傳遞當前作為參數更改的<select> 。
在 function recalibrate中，我們遍歷文檔中的所有<select>並將它們的selectedIndex屬性值設置為當前<select>的selectedIndex值。
Javascript - 從多個 select 框中獲取文本而不是值
[英]Javascript - get text instead of values from multiple select boxes
如何從具有相同類、類型、值和選項卡索引的多個復選框中選擇一個復選框並且復選框 ID 不斷變化
[英]How to select a checkbox from multiple check boxes having same class,type,value and tab index And checkbox id keeps on changing
從 React 中的同一個選擇下拉表單字段中獲取多個值
[英]Get multiple values from the same select dropdown form field in React
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.