相關單選按鈕和下拉列表

Question

我正在嘗試制作一個表單，其中有多個單選按鈕（動態創建）和一個下拉列表。

在下拉列表中，我有數字。 我希望下拉列表取決於當前按下的單選按鈕，這意味着，如果我按下第一個按鈕，則下拉列表中出現的最大數字將是值x，如果我按下另一個單選按鈕將是值y 。 此值表示一個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庫。 仍然，單選按鈕單擊后，下拉列表不會更改。

謝謝！

Answer 1

我不確定我是否正確理解了您的問題，但是我曾經做過類似的事情，我所做的是輸出所有下拉列表並用css隱藏它們，然后單擊單選按鈕取消隱藏我需要使用jquery的下拉列表

http://jsfiddle.net/6svcD/

使用show（）和hide（）甚至可以更短

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

相關單選按鈕和下拉列表

問題描述

1 個解決方案

解決方案1
1 已采納 2011-02-24 22:52:55

相關單選按鈕和下拉列表

問題描述

1 個解決方案

解決方案1 1 已采納 2011-02-24 22:52:55

解決方案1
1 已采納 2011-02-24 22:52:55