选择组合框后显示复选框答案

【问题标题】：Display checkbox after select combo box选择组合框后显示复选框
【发布时间】：2012-03-30 08:53:56
【问题描述】：

我在这里需要一些想法.. 我想使用组合框制作搜索功能。用户从组合框中选择某个值后...基于所选值的复选框将出现...

例子...

[组合框] -> 选择 1.user 2.项目 3.标签

当用户选择“用户”时

会出现如下复选框

复选框-更新用户复选框-删除用户

等等...这是为了过滤更多...并让用户轻松地从搜索中找到/查看他们想要的内容...

如果您有其他想法..而不是使用组合框和复选框..请告诉我..

谢谢sssssss :)

【问题讨论】：

你能告诉我们你已经尝试过什么吗？
使用 jQ 将 .change() 事件附加到 <select>，然后在该事件处理程序中创建复选框并将它们添加到 DOM。自己尝试一下，当你有一些代码要调试时回来，我们不是来为你编写代码的。
您可以将它们放在具有唯一 ID 的单独 div 中，并在点击时执行 javascript 隐藏/显示功能
我不是要你在这里写代码..我只是试图环顾四周，但似乎没有找到合适的..也许我搜索的方式..
我试过..只显示选择框..从数据库中获取数据..但我还没有尝试在选择组合框的值后显示复选框..因为我不知道

标签： php javascript jquery html

【解决方案1】：

为您的选择列表提供一个 ID。

使用 jQuery：

$(document).ready(function(){
  $("#mySelect").change(function(){
    var selectValue = $("#mySelect").val();
    switch(selectValue){
      case "someValue":
        var checkbox = '<input type="checkbox" name="something" value="something" />'
        $("#someDiv").append(checkbox);
        break;
      case "someOtherValue":
        var checkbox = '<input type="checkbox" name="something" value="something" />'
        $("#someDiv").append(checkbox);
        break;
    }
  });
});

等等。希望你能明白。

【讨论】：

penco.. 我可以知道您使用哪个 jQuery 库吗？ jQuery.tools.min.js 还是其他？每当我使用其他库时。？我不适合我的。
echo '';
不知道为什么我的回答没有被“接受”，因为它基本上就是你所使用的，除非你用实际名称替换了我的填充值。
谢谢。很高兴我能帮助你。顺便说一句，我原来的帖子可能给你带来了问题，因为我忘了把 $() 放在 document.ready 周围。它应该是 $(document).ready

【解决方案2】：

我终于做到了…… 感谢你的帮助 ... 这就是我所做的

选择语句

echo '<select name="SearchCriteria"  id="SearchCriteria" style="font:12px Verdana ; width:150px;" >';                             
    echo '<option value="">Select Search</option>';

     for ($i =0; $i<$rowcount; $i++)  
    {  

     $row = mysql_fetch_array($sql); 
     echo 
     '<option ';
     $value = $row['p_on'];                                     
     echo 'value="' . $value . '">' . $value .'</option>';

    }

    echo '</select>';

select语句下面的div和脚本

<div id="Checkbox"></div>

        <script>

 $("select").change(function(){
    var selectValue = $("select").val();
    switch(selectValue){
    case "user":
    var checkbox = '<input type="checkbox" name="something" value="something" />'
    $("#Checkbox").append(checkbox);
    break;
     case "tag":
    var checkbox = '<input type="checkbox" name="something" value="something" />'
    $("#Checkbox").append(checkbox);
    break;
    }
 });

</script>

【讨论】：

恭喜修复！如果有能力，请确保将您的答案标记为“已接受”，以便其他人可以从您的成功中学习。干杯~