Question

我有一个看起来像这样的表格：

<form method="POST" name="emails" action="../emailing.php">
<select size="1" id="email_template" name="email_template_id">
<option value="1">Welcome</option>
<option value="2">Newsletter</option>
<option value="3">Invoice</option>
</select>

<input type="hidden" name="email_template" value="1">
<input type="hidden" name="saleid" value="318">
<input type="hidden" name="usertype" value="admin">
<input type="image" name="emails" id="imageField" src="/images/submit.gif" class="send">
</form>

在显示该下拉列表的页面上，我需要显示另一个输入框，但仅在选择了“发票”选项时。

类似于输入字段（或2），也可能是要输入的随机文本的文本区域。

这些额外字段也应与表格一起发送。

Answer 1

好的，只需抓住你下拉的更改事件：

<select size="1" id="email_template" name="email_template_id" onchange="ddlEmail_Change(this)">
...

然后在你的javascript上，你有类似的东西：

function ddlEmail_Change(source){
   var selValue = source[source.selectedIndex].value;

   document.getElementById('extra-fields').style.display = (selValue =="3" ? 'block' : 'none');
}

额外的字段，实际上是一个div，你可以在下面添加这样的下拉：

<div id="extra-fields" style="display:none">
   <!-- extra fields goes here, this shows up when option 3 is selected -->
</div>

我没有测试过这个，但它应该可以工作！

javascript启用输入框

1 个答案: