Question

我需要在选择特定的单选按钮时显示下拉框并将其隐藏为另一个按钮！任何人都可以帮助我在jquery / javascript中使用它的代码??

Answer 1

假设您HTML喜欢这样：

<p class="help">Selection:</p>
    <div id='buttons'>
        <label><input type="radio" name="select" id="option1" /> Option 1 </label>
        <label><input type="radio" name="select" id="option2" /> Option 2</label>
        <label><input type="radio" name="select" id="option3" /> Option 3</label>
    </div>
    <div id="list">
        <label>Please Select From the List: 
            <select id="mySelect">
                <option>True</option>
                <option>False</option>
            </select>
        </label>
    </div>
</p>

然后你可以像这样写一些Jquery：

$(document).ready(
    function()
    {
        $("#option1, #option2, #option3").click(
            function()
            {
                if (this.id == "option3")
                    $("#mySelect").hide();
                else
                    $("#mySelect").show();
            });
    });

工作示例：http://jsfiddle.net/AVFuY/3/

Answer 2

＆＃13;

function show(){
  var element = document.getElementById('numbers');
  element.style.display = 'inline';
}

function hide(){
  var element = document.getElementById('numbers');
  element.style.display = 'none';
}

＆＃13;

<button onclick="show();">Show</button>
<button onclick="hide();">Hide</button>
<select id="numbers">
  <option>1</option>
  <option>2</option>
  <option>3</option>  
</select>

＆＃13;

我需要在选择单选按钮时显示一个下拉框

2 个答案: