打開在下拉多複選框

Question

什麼我想在這裏做當任的最後3複選框在這多重選擇下拉列表中選擇是，我想要顯示的任何最後3複選框的選擇一個新的文本字段另一個文本字段這將是地址字段。 我目前所做的是選擇需要的信息複選框下拉列表顯示如下：

任何幫助將不勝感激。謝謝！

<p id="formSpacing"> 
    <input id="inforequired" type="checkbox" value="1" 
     onclick="unhide('hidden-input', this)"> 
    <label for="inforequired" class="iconic link"> Information requested</label> 
    <div id="hidden-input" style="display:none"> 

    <select title="Information Requested" multiple="multiple" 
      name="infoRequested" size="5"> 
     <option value="option1">options1</option> 
     <option value="option2">options2</option> 
     <option value="option3">options3</option> 
     <option value="option4">options4</option> 
     <option value="option5">options5</option> 
     <option value="option6">options6</option> 
     <option value="option7">options7</option> 
     <option value="option8">options8</option> 
     <option value="option9">options9</option> 
     <option value="option10">options10</option> 
    </select> 

    </div> 
</p> 

Answer 1

基本上，使用jquery的最簡單的方法來做到這一點是，如果該值高於7運行一個函數，如果一個選項被單擊，然後檢查（分離的最後3）

這裏是的jsfiddle：http://jsfiddle.net/KKMuu/1/

，這裏是使用的代碼。

我添加了一個文本輸入字段爲ADRESS只是舉例：

<p id="formSpacing"> 
    <input id="inforequired" type="checkbox" value="1" onclick="unhide('hidden-input', this)"> 
    <label for="inforequired" class="iconic link"> Information requested</label> 
    <div id="hidden-input" style="display:none"> 

    <select title="Information Requested" multiple="multiple" 
      name="infoRequested" size="5"> 
     <option value="option1">options1</option> 
     <option value="option2">options2</option> 
     <option value="option3">options3</option> 
     <option value="option4">options4</option> 
     <option value="option5">options5</option> 
     <option value="option6">options6</option> 
     <option value="option7">options7</option> 
     <option value="option8">options8</option> 
     <option value="option9">options9</option> 
     <option value="option10">options10</option> 
    </select> 
    </br> 

     <input id="adressinput" type="text" value="Adress Input" style="display: none;"/> 

    </div> 
</p>​ 

的JavaScript的，（使用jQuery）

$(document).ready(function(){ 

$("#inforequired").change(function() { $('#hidden-input').toggle(); })         


$('option').click(function() { 
var num = $(this).attr("value").replace('option','') 
    if (num > 7) {$('#adressinput').show(); } 
    else 
    { $('#adressinput').hide(); } 

}); 

，如果你沒有它已經提到，你將需要引用jquery在你的腦海裏，像這樣：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>