Question

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

示例......

[组合框] - ＆gt;选择1.user 2.item 3.tag

当用户选择“用户”

时

复选框将显示如下

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

依此类推......这样可以过滤更多...并让用户轻松查找/查看他们的搜索内容...

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

thankssssssss :)

Answer 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;
    }
  });
});

等等。希望你明白了。

Answer 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>';

选择语句下面的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>

选择组合框后显示复选框

2 个答案: