<html>
<select name="cars">
<option value="34">Volvo XC90</option>
<option value="54">Saab 95</option>
<option value="12">Mercedes SLK</option>
<option value="10">Audi TT</option>
</select>
</html>
私は今、私は、その値が12,54,10であるそれらの名前を表示する必要が12,54,10表示AJAX応答配列
のようなAJAX応答配列を持っています。
ドロップダウンオブジェクトのremove（）を使用してください。
function removeOptions() {
var cars = document.getElementById("cars");
var val = [12, 54, 10];
for(var i=0; i<cars.length; i++) {
var isFound = false;
for(var j=0;j<val.length; j++) {
if(val[j] == cars[i].value) {
isFound=true;
break;
}
}
if(!isFound) {
cars[i].remove();
}
}
}
removeOptions();
this exampleを使用できます。
@Chandrasekharあなたの答えに感謝します。永久に削除する代わりに一時的に非表示にすることが可能です。リフレッシュのために元のドロップダウンが必要です。 – shera
'cars [i] .remove（）;'の代わりに 'cars [i] .style.display =" none ";'を使ってください。リフレッシュすると、すべてのドロップダウン値に対して 'cars [i] .style.display =" block ";'を使うことができます。あなたがこれが役に立つと分かったら、アップアップをしてください。 – ChandrasekarG
@ChandrasekerG ...ありがとう...それは私のために動作します – shera