【急】如何验证SELECT BOX?

sotsot82

请问如何验证SELECT BOX?<br />
<br />
我的SELECT BOX拥有超过十多个,然后我代码是:<br />
<br />
<script><br />
function check()<br />
{<br />
var doc = document.select;<br />
        <br />
document.err.field.option<br />
[document.err.field.selectedIndex].value<br />
<br />
  return true<br />
  }<br />
  <br />
</script><br />
<br />
不是很明白,在网上找的.............

[ 本帖最后由 sotsot82 于 24-1-2007 03:09 PM 编辑 ]

hui_wooi

看看这个，有帮助明白。
http://w3schools.com/js/tryit.asp?filename=tryjs_putdropdown

[ 本帖最后由 hui_wooi 于 19-1-2007 01:42 PM 编辑 ]

sotsot82

script type="text/javascript">
function favBrowser()
{
var mylist=document.getElementById("myList")
document.getElementById("favorite").value=mylist.options[mylist.selectedIndex].text
}
</script>


那个document.getElementById("favorite")是怎样的?

hui_wooi

就等于<input type="text" id="favorite">

skycs

你可以用form.selectbox.value=="";
example:

<script language="javascript" type="text/javascript">
        function submitbutton_reg() {
            var form = document.mosForm;
            var r = new RegExp("[\<|\>|\"|\'|\%|\;|\(|\)|\&|\+|\-]", "i");

            // do field validation
            if (form.product.value == "select1"){
                alert( "You select select1" );
            else {
                form.submit();
            }
        }
        </script>

在html de selectbox code:
<select name="product">
                <option value="select1">Select 1</option>
                    <option value="select2">Select 2</option>
                    <option value="select3">Select 3</option>
                    <option value="select4">Select 4</option>
</select>

sotsot82

嗯,现在我的问题是这样的:

PACKAGE:
<select name='Package'>
<option>Package A</option>
<option>Package B</option>
</select>

如果用户选择A,他们可以不用选择以下的,如果是选择B那一定要选择以下的其中一个:

<input name="option1" type="checkbox" value="RM10">
<input name="option2" type="checkbox" value="RM20">   

我该如何验证呢?

<script>
function checking()
{
var doc = document.package;

      
if( doc.name.length == 0 )
{
  alert("Please Enter Your Name!);
  return false;
}
      
if( doc.contactnumber.length == 0 )
{
  alert("Please Enter Your Contact No!");
  return false;
}
  return true
  }
  
</script>


(要怎样接下去验证呢?)谢谢!

hui_wooi

你可能需要这个
document.getElementById("option1").disabled=false

sotsot82

我尝试看看～ 谢谢！

[ 本帖最后由 sotsot82 于 23-1-2007 01:13 PM 编辑 ]

hui_wooi

开始时，disable掉check box。
当用户选择select时，跑一个function。
当select value=A时，document.getElementById("option1").disabled=false

sotsot82

1. <script>
   
2. function checking()
   
3. {
   
4. var doc = document.package1;
   
5. 
   
6.       
   
7. if( doc.name.length == 0 )
   
8. {
   
9.   alert("lease Enter Your Name!);
   
10.   return false;
    
11. }
    
12.       
    
13. if( doc.contactnumber.length == 0 )
    
14. {
    
15.   alert("lease Enter Your Contact No!";
    
16.   return false;
    
17. }
    
18. 
    
19.   
    
20. 
    
21. if ( document.getElementById("option1".disabled=false)
    
22. 
    
23.         {
    
24.                 alert("lease Enter the option Thank You!";
    
25.                 return false;
    
26.         }   
    
27. 
    
28.   return true
    
29.   }
    
30.   
    
31. </script>

复制代码

不行～

[ 本帖最后由 sotsot82 于 23-1-2007 01:44 PM 编辑 ]

hui_wooi

不好意思，看错东西教错东西了。

1. if (document.getElementById("Package").options[Package.selectedIndex].text=="Package B")
   
2. 
   
3. 
   
4. 
   
5. {
   
6. 
   
7. 
   
8. 
   
9.    document.getElementById('myAnchor').innerHTML="<input type="checkbox" value="RM10"><br><input name="option2" type="checkbox" value="RM20">"
   
10. 
    
11. 
    
12. 
    
13. }

复制代码

[ 本帖最后由 hui_wooi 于 23-1-2007 03:40 PM 编辑 ]

sotsot82

1. 
   
2. if (document.getElementById("package".options[Package.selectedIndex].text=="package B"
   
3. 
   
4. {
   
5. 
   
6. document.getElementById('myAnchor').innerHTML="<input type="checkbox" value="RM10"><br><input name="option2" type="checkbox" value="RM20">"
   
7. 
   
8. }
   
9. 
   

复制代码

document.getElementById('myAnchor')－>myAnchor是怎样来的？

if (document.getElementById("package".options[Package.selectedIndex].text=="package B"－>package 和Package是相同吗？

好乱～

hui_wooi

可以是<span id="myAnchor"></span>

看清楚，都是大号P喔。

sotsot82

怎样我不能的呢？

sotsot82

我要的是这样的：

嗯,现在我的问题是这样的:

PACKAGE:


如果用户选择A,他们可以不用选择以下的,如果是选择B那一定要选择以下的其中一个:


   

我该如何验证呢?




(要怎样接下去验证呢?)谢谢!

hui_wooi

改一改
<select name="Package" id="Package" onchange="cheking()">

hui_wooi

验证？
上次羊大大不是教了吗？

sotsot82

不，现在的是：
嗯,现在我的问题是这样的:

PACKAGE:
<select name='Package'>
<option>Package A</option>
<option>Package B</option>
</select>

如果用户选择A,他们可以不用选择以下的,如果是选择B那一定要选择以下的其中一个:

<input name="option1" type="checkbox" value="RM10">
<input name="option2" type="checkbox" value="RM20">   

我该如何验证呢?

<script>
function checking()
{
var doc = document.package;

      
if( doc.name.length == 0 )
{
  alert("Please Enter Your Name!);
  return false;
}
      
if( doc.contactnumber.length == 0 )
{
  alert("Please Enter Your Contact No!");
  return false;
}
  return true
  }
  
</script>


(要怎样接下去验证呢?)谢谢!

选择第二时才需要验证。。。。。。

hui_wooi

在这里加
<input name="option1" type="checkbox" value="RM10" onblur="checking()">
<input name="option2" type="checkbox" value="RM20" onblur="checking()">

sotsot82

hui_wooi 兄，我越弄越头痛～  

很多JAVASCRIPT要弄～

可以完整的吗？