用於內部另一個循環for循環的JavaScript（jQuery的）

Question

我有這個選擇顏色選擇：

HTML：

<select id="selected_color" name="inkColor"> 
    <option disabled selected>select color:</option> 
    <option id="red">Red</option> 
    <option id="blue">Blue</option> 
    <option id="green">Green</option> 
    <option id="black">Black</option> 
</select> 

我希望做一個爲用於此4線迴路的javascript

：具有價值 <= 0

JS隱藏選項

我試着爲上面的代碼製作for循環。

JS：

//TO HIDE SELECT COLOR THAT DOSE NOT HAVE A VALUE 
//color values 
red= -1; 
blue=9; 
green= -4; 
black=3; 

//red and green must be hide because it's less than 0 

color_value = [red,blue,green,black]; 
for(var $x=0 ; $x < color_value.length ; $x++){ //first for loop 
    color_str=['red','blue','green','black']; 
    for(var $j=0 ; $j < color.length ; $j++){  //second for loop 
     ids = "option#"+color[$j]; 
     if (color_value[$x] <= 0){ 
      $(ids).attr("hidden", true); 
     } 
    } 
} 

---

你可以看到它在jsfiddle