选择组合框后显示复选框

Display checkbox after select combo box

本文关键字：显示 复选框 组合 选择      更新时间：2023-09-26

我需要一些想法。。我想让搜索功能使用组合框。在用户从组合框中选择了某个值之后。。。将显示"基于选定值"复选框。。。

示例。。。

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

当用户选择"用户"时

如下复选框将出现

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

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

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

谢谢：）

给您的选择列表一个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;
    }
  });
});

等等。希望你能明白。

我终于做到了。。。谢谢大家的帮助。。。就是这样做的

选择语句

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和select语句下面的脚本

<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>
相关文章：