Question

我正在尝试建立一个搜索框，学生可以根据课程代码或教职员名称搜索课程储备。缺少的是您可以根据标记的复选框更改表单操作URL的部分。我从上一个搜索框中获取了javascript代码，用于下拉选项。我知道它不适用于输入，但这是我的javascript理解结束的地方。顺便说一下，我运行了一个javascript，只允许选中一个复选框。我的代码如下：

<form name="frm" method="get" action="http://path1" />
    <input name="SEARCH" value="" type="text" autocomplete="off" />
    <input type="submit" value="" />
  <ul>
    <li>
      <input type="checkbox" value="http://path1" checked="checked"/>
      <label for="course">Course Code</label>
    </li>
    <li>
      <input type="checkbox" value="http://path2"/>
      <label for="faculty">Faculty Member</label>
    </li>
  </ul>
</form>
<script language="javascript">
var objForm = document.search;
if (objForm.type.checked)
    {
    objForm.removeChild(objForm.searchType);
    objForm.submit();
    }
</script>

提前致谢

Answer 1

由于您只有两个选项，我已将其设为收音机，但如果您需要复选框，则更改它：

<form name="frm" id="myForm" method="get" action="http://path1" >
    <input name="SEARCH" value="" type="text" autocomplete="off" />
    <input type="submit" value="" />
  <ul>
    <li>
      <input type="radio" name="frmact" value="http://path1" checked="checked" onclick="formaction(this)"/>
      <label for="course">Course Code</label>
    </li>
    <li>
      <input type="radio" name="frmact" value="http://path2" onclick="formaction(this)"/>
      <label for="faculty">Faculty Member</label>
    </li>
  </ul>
</form>
</body>
<script>
function formaction(checkbox){
    document.getElementById("myForm").action = checkbox.value;;
}

</script>

如何根据所选复选框更改表单操作URL

1 个答案: