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>

所以我需要按名称选择f.ex“Jawor”，而不是id - 这是最重要的。如何使它工作？

Answer 1

因为你就是这样;

＆＃13;

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

＆＃13;

DataSet

＆＃13;

Answer 2

你需要使用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>

Answer 3

在此处使用jquery。您可以使用以下功能：

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

演示：

＆＃13;

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)

＆＃13;

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

＆＃13;

Answer 4

对于chrome控制台，请使用此

document.getElementById("id").selectedIndex = '3'; or
document.getElementById('id').value = 'BA';

从下拉列表中自动选择Javascript

4 个答案: