Question

我有这段代码

<Select>
<option value="-1">Select</option>
<option value="6">kasper </option> 
<option value="13">adad </option> 
<option value="14">3204 </option>                   
</select>

我正在使用此按钮提交用户的所选内容：

<input type="submit" name="pageaction" value="Select" />

当用户点击"Select"时，它将显示与其选择相对应的信息。

可以没有按钮吗？

关心所有人，

Answer 1

您可以在选择下拉列表中调用函数。

 <select id="sel_id" name="sel_name"  onchange="this.form.submit();">
<option value="-1">Select</option>
<option value="6">kasper </option> 
<option value="13">adad </option> 
<option value="14">3204 </option>                   
</select>

Answer 2

<html>
<head>
<script src="jquery-1.7.1.min.js"></script>
<script>
function selectChange(val) {
    //Set the value of action in action attribute of form element.
    //Submit the form
    $('#myForm').submit();
}
</script>
<head>
<form id="myForm" action="test.html">
    <Select onChange=selectChange(this.value)>
        <option value="-1">Select</option>
        <option value="6">kasper </option> 
        <option value="13">adad </option> 
        <option value="14">3204 </option>                   
    </select>
</form>
</html>

从以下网址下载jquery： http://blog.jquery.com/2011/11/21/jquery-1-7-1-released/

Answer 3

您可以使用javascript提交表单，如：

<form name="myform" action="" method="post">
    <Select onchange="myform.submit()" name="test">
    <option value="-1">Select</option>
    <option value="6">kasper </option> 
    <option value="13">adad </option> 
    <option value="14">3204 </option>                   
    </select>
</form>

Answer 4

<form name="myform" id ="myform" method="post">

<select id="sel_id" name="sel_name"  onchange="submitform();">
<option value="-1">Select</option>
<option value="6">kasper </option> 
<option value="13">adad </option> 
<option value="14">3204 </option>                   
</select>

</form>

<script type="text/javascript">
function submitform()
{
  document.myform.submit();
}
</script>

如何在没有提交按钮的情况下提交所选值？

4 个答案: