javascript how to remove select option based on if else

Question

Hello I wrote code to remove 2 option values if d is equal to something

var d = document.getElementById("random").value
if(d == "A600")
    $("#randomtype option[value='aosp'],#randomtype option[value='oneui']").remove();

It removes it even if d is not equal to A600. How come?

var d = document.getElementById("random").value
if (d == "A600")
  $("#randomtype option[value='aosp'],#randomtype option[value='oneui']").remove();

Now it doesnt remove it at all hmm

user_9942418 · Answer

You need to check for change in select :

$('#random').on('change', function() {
  var d = document.getElementById("random").value
  var optionExists = ($("#randomtype option[value='oneui']").length > 0);

  if (this.value == "A600") {
    $("#randomtype option[value='oneui']").remove();
    $("#randomtype option[value='aosp']").remove();
  } else if (!optionExists) {
    $('#randomtype').append("");
    $('#randomtype').append("");
  }
});

user_4434887 · Answer

Try to add curly brackets to if statement, like that

var d = document.getElementById("random").value
if(d == "A600") {
    $("#randomtype option[value='aosp'],#randomtype option[value='oneui']").remove();
}

user_6174271 · Answer

It's simple:

$('#random').change(function () {
    var val = $(this).val();
    if (val === 'A600') {
        $("#randomtype option[value='aosp'], #randomtype option[value='oneui']").remove();
    }
});

user_9705947 · Answer

Use === operator to compare equal value in javascript.

if(d === "A600")
{
 //remove select option code here.
}

javascript how to remove select option based on if else

4 Answers