select選擇控制input是否可輸入

<a target="_blank" href="http://blog.51cto.com/attachment/201207/110706821.jpg"></a>

&lt;html&gt; 

&lt;head&gt; 

&lt;script type="text/javascript"&gt; 

&lt;!-- 

function my_change() 

{ 

   if(document.getElementById("select_id").value==0) 

   { 

    document.getElementById("text1").disabled=true; 

     document.getElementById("text2").disabled=false; 

      document.getElementById("text3").disabled=true; 

    document.getElementById("text1").style.backgroundColor="#e9e9e9"; 

   document.getElementById("text2").style.backgroundColor="#FFF"; 

   document.getElementById("text3").style.backgroundColor="#e9e9e9"; 

  } 

  else if(document.getElementById("select_id").value==1) 

    document.getElementById("text1").disabled=false; 

     document.getElementById("text2").disabled=true; 

    document.getElementById("text1").style.backgroundColor="#FFF"; 

   document.getElementById("text2").style.backgroundColor="#e9e9e9"; 

   else 

      document.getElementById("text3").disabled=false; 

   document.getElementById("text3").style.backgroundColor="#FFF"; 

} 

//--&gt; 

  &lt;/script&gt; 

&lt;/head&gt; 

&lt;body onLoad="my_change();"&gt; 

    &lt;table&gt; 

         &lt;tr&gt; 

         &lt;td&gt; 

             &lt;select id="select_id" name="select_id" onChange="my_change();"&gt; 

                 &lt;option value="0"&gt;0&lt;/option&gt; 

                 &lt;option value="1"&gt;1&lt;/option&gt; 

                 &lt;option value="2"&gt;2&lt;/option&gt; 

             &lt;/select&gt; 

            &lt;/td&gt; 

         &lt;/tr&gt; 

            &lt;td&gt;&lt;input type="text"  id="text1" name="text1"/&gt;&lt;/td&gt; 

            &lt;td&gt;&lt;input type="text"  id="text2" name="text2"/&gt;&lt;/td&gt; 

            &lt;td&gt;&lt;input type="text"   id="text3" name="text3"/&gt;&lt;/td&gt; 

    &lt;/table&gt; 

&lt;/body&gt; 

&lt;/html&gt;  

      本文轉自許琴 51CTO部落格，原文連結：http://blog.51cto.com/xuqin/942954，如需轉載請自行聯系原作者