相關的單選按鈕和下拉列表

我想製作一個窗體，其中我有一些單選按鈕（動態創建）和一個下拉列表。相關的單選按鈕和下拉列表

在下拉列表中我有數字。我希望下拉列表取決於當前按下的單選按鈕，這意味着，如果我按下第一個按鈕，出現在下拉列表中的最大數字將是一個值x，如果我按另一個無線電將是一個值年。這個值表示一個php變量。

做這件事最簡單的方法是什麼？

謝謝！

編輯：

我想：

<html> 
<head> 
<style> 
    #ca { 
     display: none; 
    } 
</style> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> 
<script> 
$(document).ready(function() { 
    $("input:radio").click(function() { 
     $('.searchSelect').hide(); 
     $('#' + $(this).attr("value")).show(); 
    }); 
}); 
</script> 
</head> 
<body> 
    <ul id="countrylist"> 
     <li> 
      <label for="US-country"> 
       <input name="store" id="US-country" type="radio" value="com" checked="checked" /> 
       USA</label> 
     </li> 
     <li> 
      <label for="CA-country"> 
       <input name="store" id="CA-country" type="radio" value="ca"/> 
       Canada</label> 
     </li> 
    </ul> 
    <select name="search-alias-us" id="com" class="searchSelect" title="Search in"> 
     <option value="aps" selected="selected">All Departments</option> 
     <option value="apparel">Apparel &amp; Accessories</option> 
     <option value="automotive">Automotive</option> 
    </select> 
    <select name="search-alias-ca" id="ca" class="searchSelect" title="Search in"> 
     <option value="aps" selected="selected">All Departments</option> 
     <option value="stripbooks">Books</option> 
     <option value="popular">Music</option> 
    </select> 
</body> 
</html>

還包括：jQuery的1.5庫。仍然，單選按鈕點擊下拉列表不會改變。

謝謝！

來源

2011-02-24 dana

@I moss這與問題有什麼關係？ – Stofke 2011-02-27 16:03:03

@伊莫斯：你在說什麼？這不是一個印地文問答網站。 – BoltClock 2011-02-27 16:12:46

我不知道如果我理解你的問題的權利，但我曾把類似的東西，我所做的就是輸出所有dropdownlists，並用CSS把他們藏起來然後單擊單選按鈕已取消隱藏，我需要使用jQuery

的下拉列表http://jsfiddle.net/6svcD/

它甚至可以與展會（）和隱藏（）

$(function() { 
    $("input:radio").click(function() { 
     $('.searchSelect').hide(); 
     $('#' + $(this).attr("value")).show(); 
    }); 
});

整個頁面下方或短這裏：http://jsfiddle.net/MrAGF/1/

<html> 
<head> 
<style> 
    #ca { 
     display: none; 
    } 
</style> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> 
<script> 
$(document).ready(function() { 
    $("input:radio").click(function() { 
     $('.searchSelect').hide(); 
     $('#' + $(this).attr("value")).show(); 
    }); 
}); 
</script> 
</head> 
<body> 
    <ul id="countrylist"> 
     <li> 
      <label for="US-country"> 
       <input name="store" id="US-country" type="radio" value="com" checked="checked" /> 
       USA</label> 
     </li> 
     <li> 
      <label for="CA-country"> 
       <input name="store" id="CA-country" type="radio" value="ca"/> 
       Canada</label> 
     </li> 
    </ul> 
    <select name="search-alias-us" id="com" class="searchSelect" title="Search in"> 
     <option value="aps" selected="selected">All Departments</option> 
     <option value="apparel">Apparel &amp; Accessories</option> 
     <option value="automotive">Automotive</option> 
    </select> 
    <select name="search-alias-ca" id="ca" class="searchSelect" title="Search in"> 
     <option value="aps" selected="selected">All Departments</option> 
     <option value="stripbooks">Books</option> 
     <option value="popular">Music</option> 
    </select> 
</body> 
</html>

來源

2011-02-24 22:52:55 Stofke

聽起來很酷，我看着它，然後反饋:) – dana 2011-02-25 08:21:11

你好，腳本似乎很好jsfiddle，並且做我需要的。我嘗試在我的項目中使用它，但它在那裏不起作用...下拉列表不會改變。我在模板中包含了JavaScript腳本，但是......我應該在某處包含一些庫嗎？我錯過了嗎？我怎麼能讓這個js小腳本onload到我的單選按鈕？非常感謝 – dana 2011-02-27 14:10:32

它使用Jquery，所以你也需要添加它。 jsfiddle有默認包含的。 – Stofke 2011-02-27 14:15:41

相關的單選按鈕和下拉列表

回答

相關問題