0
sry for my english。しかし私はあなたが私の問題が何であるかを理解できることを願っています 私はリストからAからZまでのすべての文字を持つドロップダウンメニューを持っています。私は多くの名前を持っています。ドロップダウンメニューで文字を選択すると、リスト内の同じ文字が選択されます。これまでのところ動作しますが、選択した文字をリストの先頭に移動するにはどうすればよいですか？javascript。リストの一番上にある選択項目を移動する方法
<div align="center"><html>
<head>
<script language="JavaScript">
function Eingabe(Wert)
{
for(i = 0; i < document.getElementById('Names').options.length; i++)
{
if(Wert.substr(0, Wert.length).toLowerCase() == document.getElementById('Names').options[i].value.substr(0, Wert.length).toLowerCase() && Wert.length != 0)
{
document.getElementById('Names').options[i].selected = true;
break;
}
}
}
</script>
</head>
<body>
\t \t <label>Select letter:
\t \t \t <select name="Letters"onClick="Eingabe(this.value);" type="text"><br>
\t \t \t \t <option>---Select letter---</option>
\t \t \t \t <option>A</option>
\t \t \t \t <option>B</option>
\t \t \t \t <option>C</option>
\t \t \t \t <option>D</option>
\t \t \t \t ...
\t \t \t </select>
\t \t </label>
\t \t <br>
\t \t <br>
<select id="Names" size="18">
<option value="A:">A:</option>
<option value="Adena"> -Adena</option>
<option value="Adeodata"> -Adeodata</option>
<option value="Adeodato"> -Adeodato</option>
<option value="Adeodatus"> -Adeodatus</option>
<option value="Aderito"> -Aderito</option>
<option value="Adhelm"> -Adhelm</option>
<option value="Adil"> -Adil</option>
<option value="Adina"> -Adina</option>
<option value="Adine"> -Adine</option>
<option value="Adis"> -Adis</option>
<option value="Adlai"> -Adlai</option>
<option value="Admir"> -Admir</option>
<option value="Adnan"> -Adnan</option>
<option value="Adolar"> -Adolar</option>
<option value="Adolf"> -Adolf</option>
<option value="Adolfa"> -Adolfa</option>
<option value="Adolfine"> -Adolfine</option>
<option value="Adolfo"> -Adolfo</option>
<option value="Adolph"> -Adolph</option>
<option value="Adolpha"> -Adolpha</option>
<option value="Adolphe"> -Adolphe</option>
<option value="Adolphus"> -Adolphus</option>
<option value="Adone"> -Adone</option>
<option value="Adonia"> -Adonia</option>
<option value="Adonis"> -Adonis</option>
<option value="Adora"> -Adora</option>
<option value="Adoración"> -Adoración</option>
<option value="Adria"> -Adria</option>
<option value="Adriaan"> -Adriaan</option>
<option value="Adriaen"> -Adriaen</option>
<option value="Adrián"> -Adrián</option>
<option value="Adriana"> -Adriana</option>
<option value="Adriane"> -Adriane</option>
<option value="Adrianna"> -Adrianna</option>
<option value="Adrianne"> -Adrianne</option>
<option value="Adriano"> -Adriano</option>
<option value="B:">B:</option>
<option value="Bartel"> -Bartel</option>
<option value="Barthold"> -Barthold</option>
<option value="Bartholomäa"> -Bartholomäa</option>
<option value="Bartholomaios"> -Bartholomaios</option>
<option value="Bartholomäus"> -Bartholomäus</option>
<option value="Bartholomew"> -Bartholomew</option>
<option value="Bartolmai"> -Bartolmai</option>
<option value="Bartolo"> -Bartolo</option>
<option value="Bartolomé"> -Bartolomé</option>
<option value="Bartolomea"> -Bartolomea</option>
<option value="Bartolomeo"> -Bartolomeo</option>
<option value="Bartosz"> -Bartosz</option>
<option value="Bas"> -Bas</option>
<option value="Bashkim"> -Bashkim</option>
<option value="Basia"> -Basia</option>
<option value="Basil"> -Basil</option>
<option value="Basile"> -Basile</option>
<option value="Basileios"> -Basileios</option>
<option value="Basilia"> -Basilia</option>
<option value="Basilisa"> -Basilisa</option>
<option value="Basilius"> -Basilius</option>
<option value="Basti"> -Basti</option>
<option value="Bastiaan"> -Bastiaan</option>
<option value="Bastian"> -Bastian</option>
<option value="Bastiano"> -Bastiano</option>
<option value="Bastien"> -Bastien</option>
<option value="Bathia"> -Bathia</option>
</select>
</body>
</html>
</div>
こんにちはあなたの答えをありがとうございましたが、それは助けをdidntの。以前と同じように、リストの一番下にある選択したインデックスにジャンプします。私は、初心者のように動作するものを試しました：document.getElementById（ 'Modell'）。options [i] .selected = true; \t \t \t var index = document.getElementById（ 'Modell'）。selectedIndex;\t \t \t document.getElementById（ 'Modell'）。selectedIndex = index + 18; \t \t \t var index = document.getElementById（ 'Modell'）。selectedIndex;\t \t \t document.getElementById（ 'Modell'）。selectedIndex = index - 18; \t \t \t break; –
@ tim-palermo参考のためにスニペット全体を追加しました。それは 'scrollIntoView（）'メソッドで動作しています。不要なイベントの発生を防ぐためにonClickイベントをonchangeに変更します。 –