JavaScript的使能輸入框

-3

<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）類似，也可能是用於輸入一些隨機文本的文本區域。

這些額外的字段也應該與表格一起發送。

來源

2014-04-29 misulicus

我認爲這可能會有幫助。 [http://stackoverflow.com/questions/7689184/select-options-jquery-case-and-show-hide-form-fields][1] [1]：HTTP：//計算器。 com/questions/7689184/select-options-jquery-case-and-show-hide-form-fields –

那麼，你是否要求開發者爲你工作，或者在那裏有問題？你可能想要解釋你自己的嘗試，到底出了什麼問題。 –

這個問題似乎是無關緊要的，因爲OP似乎已經在解決這個問題上做出，顯示或描述了*沒有任何努力。 –

好吧，只要抓住你降的變化情況下是這樣的：

<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>

我沒有測試過，但它應該工作！

來源

2014-04-29 22:57:04

值==應該是selValue，然後它的工作 – misulicus

@misulicus哼哼是的，抱歉是一個錯字:)，我在看HTML。 –

JavaScript的使能輸入框

回答

相關問題