validation - 表单验证 - 如果字段为空则自动选择选项

Question

我需要帮助才能自动选择使用表单提交的选项：当“表单电子邮件”字段为空白时，我希望它选择“选项 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>

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

提前致谢。

Answer 1

给选择框一个 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>