选择组合框后显示复选框

I need some idea here.. i wanted to make search function using combo box. after user has selected certain value from the combo box...based on selected value checkbox will appears...

example ...

[combo box] -> select 1.user 2.item 3.tag

when user select "user"

checkbox as follow will appears

checkbox- update user checkbox-delete user

and so forth... this to filter more.. and make user easy to find/view what they want from their search...

if you have other idea..instead of using combo box and check box.. please let me know..

thankssssssss :)

dounaidu0204
dounaidu0204 <script>$(“select”)。change(function(){varstr=“”;$(“selectoption:selected”)。each(function(){str+=$(this).text()+“”;});$(“div”)。text(str);})。change();</SCRIPT>
8 年多之前 回复
drsfgwuw61488
drsfgwuw61488 如果我使用javascript函数..在独立页面上工作..但当我尝试我的项目页面..它不工作..在我的项目页面..我在选项卡中使用div为元素..
8 年多之前 回复
dongluan7821
dongluan7821 顺便说一句..感谢答案..我现在正在尝试..
8 年多之前 回复
doujiao4705
doujiao4705 我试过..只显示选择框..从数据库中获取数据..但我没有尝试在选中组合框的值后显示复选框..因为我不知道
8 年多之前 回复
douchao1879
douchao1879 我没有要求你在这里写代码..只是我试图环顾四周但似乎找不到正确的..可能是我搜索的方式..
8 年多之前 回复
duanqu9292
duanqu9292 您可以将它们放在具有唯一ID的分隔div中,并执行javascripthide/showfunctiononclick
8 年多之前 回复
douzhengyi5022
douzhengyi5022 使用jQ将.change()事件附加到<select>,并在该事件处理程序中创建复选框并将它们添加到DOM。自己动手,当你有一些代码要调试时回来,我们不是为你编写代码。
8 年多之前 回复
duang5049
duang5049 你能告诉我们你已经尝试过的吗?
8 年多之前 回复

2个回答

Give your select list an ID.

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

And so on. Hopefully, you get the idea.

douhu3424
douhu3424 谢谢。 很高兴我能帮助你。 顺便说一句,我原来的帖子可能会给你一个问题,因为我忘了把$()放在document.ready周围。 应该是$(document).ready
8 年多之前 回复
dqkf36241
dqkf36241 我是新来的..我接受了你的回答..
8 年多之前 回复
dongsaoshuo4326
dongsaoshuo4326 不确定为什么我的答案没有被“接受”,因为它基本上就是你所使用的,除非你用实际名称替换我的填充值。
8 年多之前 回复
dqcj32855
dqcj32855 谢谢!! 我设法做到了...我在下面发布了我的答案
8 年多之前 回复
doupeng3501
doupeng3501 <script> document.ready(function(){$(“SearchCriteria”)。change(function(){var selectValue = $(“SearchCriteria”)。val(); switch(selectValue){case“user”:var checkbox ='<input type =“复选框”name =“something”value =“something”/>'$(“div”)。append(checkbox); break; case“someOtherValue”:var checkbox ='<input type =“ 复选框“name =”something“value =”something“/>'$(”div“)。append(checkbox); break;}});});
8 年多之前 回复
doushan1863
doushan1863 echo'<select name =“SearchCriteria”id =“SearchCriteria”style =“font:12px Verdana; width:150px;” >'; echo'<option value =“”>选择搜索</ 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>';
8 年多之前 回复
douzhou7124
douzhou7124 这是我试过的..
8 年多之前 回复
dongpa9277
dongpa9277 penco ..我可以知道你使用哪个jQuery库吗? jQuery.tools.min.js还是其他? 每当我使用其他图书馆。? 我不在我的工作。
8 年多之前 回复

finally i managed to do... thanks all for your help ... this is what i did

select statement

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 and script below the select statement

<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>
doujiaoben28596
doujiaoben28596 谢谢(你的)信息... :) ..
8 年多之前 回复
douying4909
douying4909 恭喜你解决了! 如果能够,请确保将您的答案标记为“已接受”,以便其他人可以从您的成功中学习。 干杯〜
8 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐