表格验证 - IF字段为空白然后自动选择选项

时间:2010-05-01 18:13:29

标签: validation select option

我需要帮助才能自动选择要使用表单提交的选项: 当'form-email'字段为空时,我希望它选择'option 1', 当该字段不为空时,我希望它选择“选项2”。

这是我的表单代码

<form method="post" onsubmit="return validate-category(this)" action="tdomf-form-post.php" id='tdomf_form1' name='tdomf_form1' class='tdomf_form'> 

    <textarea title="Post Title" name="content-title-tf" id="form-content" >Say it...</textarea>

    <input type="text" value="" name="content-text-ta" id="form-email"/>

    <select name='categories' class='form-category' type="hidden"> 
        <option value="3" type="hidden">Anonymous</option> 
        <option value="4" type="hidden" selected="selected">Competition</option> 
    </select>

    <input type="submit" value="Say it!" name="tdomf_form1_send" id="form-submit"/>

</form>

我知道javascript会像这样,但无法找到改变值的代码。

<script type="text/javascript">
function validate-category(field)
{
with (field)
  {
  if (value==null||value=="")
    {
    select category 1
    }
  else
    {
    select category 2
    return true;
    }
  }
}
</script>

对此的任何帮助都会很棒。

提前致谢。

1 个答案:

答案 0 :(得分:2)

为选择框提供ID:

<select name='categories' class='form-category' type="hidden" id="categories"> 
    <option value="3" type="hidden">Anonymous</option> 
    <option value="4" type="hidden" selected="selected">Competition</option> 
</select>

然后使用此代码:

<script type="text/javascript">
function validate-category(field)
{
with (field)
  {
  if (value==null||value=="")
    {
    document.getElementById("categories").value = "3";
    }
  else
    {
    document.getElementById("categories").value = "4";

    }
  }
 return true;
}
</script>