0

我有一个包含 7 个下拉列表的 php 表单。从其中一个值中选择一个值时，我希望其他 6 个返回到它们的默认值，如果它们以前打开过的话。我认为应该为此使用javascript，但我现在不编写这样的脚本。我猜这个下拉列表中的每一个都必须有一个 ID，当我从 7 个中的每一个中选择一个选项时，javascript 应该识别 id 并将另一个设置为默认值。我尝试使用javascript，document.getElementsByName('id')但它不起作用。

<form id="form1" name="form1" method="post" action="">
 <select name="select" size="1" id="1">
  <option value="0" selected="selected">please select</option>
  <option value="1">blue</option>
  <option value="2">green</option>
  <option value="3">red</option>
 </select>
<br />
 <select name="select2" size="1" id="2">
  <option value="0" selected="selected">please select</option>
  <option value="1">intel</option>
  <option value="2">amd</option>
 </select>
<br />
 <select name="select3" size="1" id="3">
  <option value="0" selected="selected">please select</option>
  <option value="1">fish</option>
  <option value="2">car</option>
  <option value="3">table</option>
 </select>
<br />
 <select name="select4" size="1" id="4">
  <option value="0" selected="selected">please select</option>
  <option value="1">lcd</option>
  <option value="2">led</option>
 </select>
</form>

这是我的表格。例如，让我们从第二个下拉列表“intel”中选择一个值。在此之后，我从第三个下拉列表中选择一个值“表”。我需要做的是从第三个下拉列表中选择第二个返回“请选择”。想法是使用 javascript 我不希望那些使用表单的人一次选择多个下拉列表。他们应该能够看到每个打开下拉列表的值，但是如果他们打开另一个，则之前必须返回到 selected="selected" 选项，即“请选择”。

谢谢。

4

1 回答 1

0

这是一个开始的想法。考虑这样的 2 个下拉菜单。

<select id="Numeric">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>

<select id="Alphabets">
   <option value="A">A</option>
   <option value="B">B</option>
   <option value="C">C</option>
</select>

根据第一个下拉列表的值，我选择第二个下拉列表

var val = document.getElementById("Numeric").value;
var obj = document.getElementById("Alphabets");


if(val == "1") obj.value = "A"
else if(val == "2") obj.value = "B"
else if(val == "3") obj.value = "C"

开关更好

switch(val)
{
   case("1"):
      obj.value = "A";
   break;

   case("2"):
      obj.value = "B";
   break;

   case("3"):
      obj.value = "C";
   break;
}

这是非常基本的创业理念。您需要为所需的功能实现良好的逻辑

评论后更新答案

<html>
<head>
    <script type="text/javascript">
     function handleSelect(thisObj){
           var list = document.getElementsByTagName("SELECT")

           for(var i=0; i< list.length; i++)
       {    
          if(list[i] ==thisObj) continue;
          list[i].value = "0";
       } 
     }
    </script>
 </head>
 <body>
      <form id="form1" name="form1" method="post" action="">
           <select name="select" size="1" id="1" onchange="handleSelect(this)">
               <option value="0" selected="selected">please select</option>
               <option value="1">blue</option>
               <option value="2">green</option>
               <option value="3">red</option>
           </select>
    <br />
           <select name="select2" size="1" id="2" onchange="handleSelect(this)">
               <option value="0" selected="selected">please select</option>
               <option value="1">intel</option>
               <option value="2">amd</option>
           </select>
    <br />
           <select name="select3" size="1" id="3" onchange="handleSelect(this)">
               <option value="0" selected="selected">please select</option>
               <option value="1">fish</option>
               <option value="2">car</option>
               <option value="3">table</option>
            </select>
    <br />
            <select name="select4" size="1" id="4" onchange="handleSelect(this)">
                <option value="0" selected="selected">please select</option>
                <option value="1">lcd</option>
                <option value="2">led</option>
            </select>
      </form>
    </body>
 </html>
于 2013-07-03T07:22:27.100 回答