还是那个input框的问题，那位哥哥帮帮忙吧！好急噢！

Question

<script>
function clickit(){
 alert(form1.select1.value);
 if(form1.select1.value==1){
  form1.two.disabled=false;
form1.three.disabled=false;
form1.four.disabled=false;
form1.five.disabled=false;
 }
form1.two.disabled=true;
form1.three.disabled=true;
form1.four.disabled=true;
form1.five.disabled=true;
}
}
</script>
<form name="form1">
<select name="select1" onchange= "javascript:clickit()">
<option value=1>one</option>
<option value=2>Two</option>
<option value=3>three</option>
<option value=4>four</option>
<option value=5>five</option>
</select><br><br>
<input type="text" id="one">
<input type="text" id="two">
<input type="text" id="three">
<input type="text" id="four">
<input type="text" id="five">
</form>

Answer 1

刚才的多了个括号不好意思
<script>
function clickit(){
 if(form1.select1.value==1){
  form1.two.disabled=false;
form1.three.disabled=false;
form1.four.disabled=false;
form1.five.disabled=false;
 }
form1.two.disabled=true;
form1.three.disabled=true;
form1.four.disabled=true;
form1.five.disabled=true;
}
</script>
<form name="form1">
<select name="select1" onchange= "javascript:clickit()">
<option value=1>one</option>
<option value=2>Two</option>
<option value=3>three</option>
<option value=4>four</option>
<option value=5>five</option>
</select><br><br>
<input type="text" id="one">
<input type="text" id="two">
<input type="text" id="three">
<input type="text" id="four">
<input type="text" id="five">
</form>

Answer 2

1  在CSS文件里加入
.input{background-color:#aaaaaa;}2  在html代码中<select name="select1" onclick="changeState();">
<input type="text" id="one" name="input1" class="input">
<input type="text" id="two" name="input2" class="input">
…………3 写一个JS函数。
<script language="javascript">
function changeState()
{
    if(form1.select1.value==1)
    {
       form1.input1.className=""
       …………
    } else {
       form1.input1.className="input"
       …………
    }
}
</script>在把disabled加上就可以了。

Answer 3

<select name="select1" onclick="changeState();">是onchange。不好意思

Answer 4

不行啊！还有问题！当我选two之后，在去选择one 时。input框全都变为不可输入状态了。
这可怎么解决呢？

Answer 5

swordcsdn(ASP两天半) ：    你好！我想问一下,这段代码中：
    if(form1.select1.value==1)
    {
       form1.input1.className=""
       …………
    } else {
       form1.input1.className="input"
       …………
    }
   className=""中是不是填写input框的名字？比如：input1；那么className="input"中得input是指的那个。是定义的css种的input吗？如果加disable的话，应该加在那个地方！   希望可以得到你的指导！谢谢！

Answer 6

现在可以了
<script>
function clickit(){
 if(form1.select1.value==1){
  form1.two.disabled=false;
form1.three.disabled=false;
form1.four.disabled=false;
form1.five.disabled=false;
 }
 else{
form1.two.disabled=true;
form1.three.disabled=true;
form1.four.disabled=true;
form1.five.disabled=true;
}
}</script>
<form name="form1">
<select name="select1" onchange= "javascript:clickit()">
<option value=1>one</option>
<option value=2>Two</option>
<option value=3>three</option>
<option value=4>four</option>
<option value=5>five</option>
</select><br><br>
<input type="text" id="one">
<input type="text" id="two">
<input type="text" id="three">
<input type="text" id="four">
<input type="text" id="five">
</form>

Answer 7

其实你要的就是2个属性我想。一个不能输入，一个要变灰色<input type="text" id="two" disabled=true class="color">里面disabled控制能否输入，class控制从CSS中取color(刚才取名为input，可能你误会了)
.color{background-color:#aaaaaa;}    //背景为灰那么再加上javascript中的函数来动态控制这2个参数就可以了。
disabled在JS中叫disabled，但class在JS中叫className至于什么时候变成什么，这个你自己考虑一下啊你的需要啊。这里只是给个方法

Answer 8

不用写css，这样写就行了
<script>
function clickit(){
 if(form1.select1.value==1){
  form1.two.disabled=false;
form1.three.disabled=false;
form1.four.disabled=false;
form1.five.disabled=false;
form1.two.style.background = '#FFFFFF';
form1.three.style.background = 'FFFFFF';
form1.four.style.background = 'FFFFFF';
form1.five.style.background = 'FFFFFF';
 }
 else{
form1.two.disabled=true;
form1.three.disabled=true;
form1.four.disabled=true;
form1.five.disabled=true;
form1.two.style.background = 'red';
form1.three.style.background = 'red';
form1.four.style.background = 'red';
form1.five.style.background = 'red';
}
}</script>
<form name="form1">
<select name="select1" onchange= "javascript:clickit()">
<option value=1>one</option>
<option value=2>Two</option>
<option value=3>three</option>
<option value=4>four</option>
<option value=5>five</option>
</select><br><br>
<input type="text" id="one">
<input type="text" id="two">
<input type="text" id="three">
<input type="text" id="four">
<input type="text" id="five">
</form>

Answer 9

呵呵。这样也可以啦。已经习惯美工做CSS代劳了 ：）

Answer 10

我们公司的美工休假去了，如果在的话也问她了，css我也不怎么懂：）

Answer 11

完全符合要求的代码如下：测试通过：
<script>
function set()
{
  if(form1.select1.selectedIndex==0)
 {
alert("你选择了第一项");
form1.one.disabled=false;
form1.two.disabled=false;
form1.three.disabled=false;
form1.four.disabled=false;
form1.five.disabled=false;
form1.one.style.background="#ffffff";
form1.two.style.background="#ffffff";
form1.three.style.background="#ffffff";
form1.four.style.background="#ffffff";
form1.five.style.background="#ffffff";
 }
if(form1.select1.selectedIndex==1)
 {
alert("你选择了第二项");
form1.one.disabled=false;
form1.two.disabled=true;
form1.three.disabled=false;
form1.four.disabled=false;
form1.five.disabled=false;
form1.one.style.background="#ffffff";
form1.two.style.background="#cccccc";
form1.three.style.background="#ffffff";
form1.four.style.background="#ffffff";
form1.five.style.background="#ffffff";
 }
if(form1.select1.selectedIndex==2)
 {
alert("你选择了第三项");
form1.one.disabled=false;
form1.two.disabled=false;
form1.three.disabled=true;
form1.four.disabled=false;
form1.five.disabled=false;
form1.one.style.background="#ffffff";
form1.two.style.background="#ffffff";
form1.three.style.background="#cccccc";
form1.four.style.background="#ffffff";
form1.five.style.background="#ffffff";

 }
if(form1.select1.selectedIndex==3)
 {
alert("你选择了第四项");
form1.one.disabled=false;
form1.two.disabled=false;
form1.three.disabled=false;
form1.four.disabled=true;
form1.five.disabled=false;
form1.one.style.background="#ffffff";
form1.two.style.background="#ffffff";
form1.three.style.background="#ffffff";
form1.four.style.background="#cccccc";
form1.five.style.background="#ffffff";
 }
if(form1.select1.selectedIndex==4)
 {
alert("你选择了第五项");
form1.one.disabled=false;
form1.two.disabled=false;
form1.three.disabled=false;
form1.four.disabled=false;
form1.five.disabled=true;
form1.one.style.background="#ffffff";
form1.two.style.background="#ffffff";
form1.three.style.background="#ffffff";
form1.four.style.background="#ffffff";
form1.five.style.background="#cccccc";
 }
}
</script><form name="form1">
<select name="select1" onchange=set()>
<option value=1>one</option>
<option value=2>Two</option>
<option value=3>three</option>
<option value=4>four</option>
<option value=5>five</option>
</select><br><br>
<input type="text" name="one">
<input type="text" name="two">
<input type="text" name="three">
<input type="text" name="four">
<input type="text" name="five">
</form>

Answer 12

set函数写这么长干什么，这点就够了
<script>
function clickit(){
var tName;
if(form1.select1.value==1){
for(i=2;i<form1.elements.length;i++){
form1.elements[i].disabled= false;
form1.elements[i].style.background = '';
}
}
else{
for(i=2;i<form1.elements.length;i++){
form1.elements[i].disabled= true;
form1.elements[i].style.background = 'AAAAAA';
}
}
}

Answer 13

swordcsdn(ASP两天半) ：   你好！我用你的方法试了一下，不知道那里出了错误，现在的情况是，不管选择option中的那个，都是不可输入的状态。
   也许我表达得不够清晰。我想要的是不能输入的input框是灰色的。
  比如说：我选择了<option value=1>one</option>，那么下面的五个input框都是可输入的正常状态。当我选择
<option value=2>two</option>
<option value=3>three</option>
............时，下面的input框是灰色的不可输入的。不知道您是否明白了。
   用您的方法该如何实现呢？
               谢谢！

Answer 14

z2xx(羽逸)  swordcsdn(ASP两天半)  HueVan(冰与火) ：    谢谢三位的鼎立相助，尤其是羽逸，asp两天半。你们解决了我的燃眉之急，真是万分的感谢。从中也让自己看到了自己的不足，今后还要向各位多多讨教！：）    凌波谢过各位了！