JavaScriptの自動選択をドロップダウンから

Question

私は検索して検索しているし、何が必要なものを見つけることができません。

私はjavascriptが必要なので、ドロップダウンからオプションを選択しますが、オプションの値ではなく名前を選択します。

は、私が持っている：

<select class="aa" id="local" name="local"> 
<option value="0">Cała Polska</option> 
<option value="1">Dolnośląskie</option> 
<option value="100">• Bolesławiec</option> 
<option value="101">• Dzierżoniów</option> 
<option value="102">• Głogów</option> 
<option value="103">• Góra</option> 
<option value="104">• Jawor</option> 
<option value="105">• Jelenia Góra</option> 

をだから私は名前ではなくIDによりf.ex「ヤヴォル」を選択する必要がある - それは最も重要です。それを動作させるには？

Answer 1

あなたはそれが好きです。ここjqueryを使用して

var options = document.getElementsByClassName("aa")[0].options, 
 
\t name ="Jawor"; 
 

 
for(i = 0; i < options.length; i++){ 
 
    if(options[i].text.indexOf(name) > -1){ 
 
    \t options[i].selected = true; 
 
     break; 
 
    } 
 
}

<select class="aa" id="local" name="local"> 
 
    <option value="0">Cała Polska</option> 
 
    <option value="1">Dolnośląskie</option> 
 
    <option value="100">• Bolesławiec</option> 
 
    <option value="101">• Dzierżoniów</option> 
 
    <option value="102">• Głogów</option> 
 
    <option value="103">• Góra</option> 
 
    <option value="104">• Jawor</option> 
 
    <option value="105">• Jelenia Góra</option> 
 
</select>

Answer 2

。あなたは、次の機能を使用することができます。

function selectFromDropdown(selector, text) { 
    $(selector).find('option').each(function() { 
    if ($(this).text() == text) { 
     $(selector).val($(this).val()); 
    } 
    }) 
} 

デモ：

function selectFromDropdown(selector, text) { 
 
    $(selector).find('option').each(function() { 
 
    if ($(this).text() == text) { 
 
     $(selector).val($(this).val()); 
 
     return false; 
 
    } 
 
    }) 
 
} 
 

 
//use the function 
 

 
setTimeout(function() { 
 
    selectFromDropdown('#local', '• Dzierżoniów') 
 
}, 1000) 
 
setTimeout(function() { 
 
    selectFromDropdown('#local', '• Jawor') 
 
}, 4000)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="aa" id="local" name="local"> 
 
    <option value="">Select</option> 
 
    <option value="0">Cała Polska</option> 
 
    <option value="1">Dolnośląskie</option> 
 
    <option value="100">• Bolesławiec</option> 
 
    <option value="101">• Dzierżoniów</option> 
 
    <option value="102">• Głogów</option> 
 
    <option value="103">• Góra</option> 
 
    <option value="104">• Jawor</option> 
 
    <option value="105">• Jelenia Góra</option> 
 
</select>

Answer 3

Uは例えば...のonChangeイベントハンドラを使用する必要が

<select onchange="showSelected()"> 

あなたのスクリプトを書く...

<script> 

function showSelected(){ 
    var s=document.getElementById('local');   //refers to that select with all options  
    var selectText=s.options[s.selectedIndex].text // takes the one which the user will select 
    alert(selectText)        //Showing the text selected ... 
} 
</script> 

あなたのコードの残りは大丈夫です！ループのうち

<select class="aa" id="local" name="local" onchange='showSelected'()> 
<option value="0">Cała Polska</option> 
<option value="1">Dolnośląskie</option> 
<option value="100">• Bolesławiec</option> 
<option value="101">• Dzierżoniów</option> 
<option value="102">• Głogów</option> 
<option value="103">• Góra</option> 
<option value="104">• Jawor</option> 
<option value="105">• Jelenia Góra</option> 
</select>