Javascript 使用jquery选择下拉菜单时如何搜索结果？ $（文档）.ready（函数（）{ $（“#查找工作”）。单击（函数（）{ $（“#作业”）.css（“显示”、“块”）； $（“#自由职业者”）.css（“显示”、“无”）； }); $（“查找自由职业者”）。单击（函数（）{ $（“#作业”）.css（“显示”、“无”）； $（“#自由职业者”）.css（“显示”、“块”）； }); $（“.submits”）。单击（函数（）{ job_id=$（“.job_search”）.attr（'id'）； job_val=$（“.job_search”）.val（）； 警报（作业id）； 警报（工作日）； }); });

在这段代码中，我有一个带有列表的搜索框表单

ul

现在，当我选择

find_job

然后

search job

输入字段激活，如果我选择

find_freeloper

然后

freeloper

输入字段激活，我在这里做什么。现在，当我点击

class=“submitss”

或按

enter键时，它会显示
job\u id和job\u val
，但如果我选择，它会显示
自由职业者id和自由职业者val

那么，我该怎么做呢？请帮帮我

谢谢你
如果我没听错，这就行了。基本上，如果
输入#作业
可见，则显示作业，否则显示自由职业者。我不认为有必要使用两个不同的输入字段，但可以

<script>
    $(document).ready(function(){
        $("#find_jobs").click(function(){
            $("#job").css("display","block");
            $("#freelancer").css("display","none");
        });
        $("#find_freelancer").click(function(){
            $("#job").css("display","none");
            $("#freelancer").css("display","block");
        });
        $(".submitss").click(function(){
            job_id = $(".job_search").attr('id');
            job_val = $(".job_search").val();
            alert(job_id);
            alert(job_val);
        });
    });
</script>
<form class="form-horizontal" role="form" method="post" id="myform">        
    <div class="input-group" id="header-search">
        <div class="input-group-btn">
            <div class="btn-group" role="group">
                <a href="javascript:void();" class="submitss" id="submitss"><i class="fa fa-search"></i></a>
                <div class="dropdown dropdown-lg">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false" style="margin-top: 10px;"><span class="caret"></span></button>
                    <div class="dropdown-menu dropdown-menu-left" role="menu">
                        <div class="form-group">
                            <ul>
                                <li><a href="javascript:void(0)" id="find_job" class="find_jobs" value="job">Find Jobs</a></li>
                                <li><a href="javascript:void(0)" id="find_freelancer" class="find_freelancer" value="freelancer">Find Freelancers</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <input type="text" id="job" class="form-control job_search" placeholder="Search Job" name="job_search" style="display:block;"/>
        <input type="text" id="freelancer" class="form-control freelancer_search" placeholder="Search Freelancer" name="freelancer_search" style="display:none;"/>
    </div>
</form>

也



应该是

<a href="javascript:void();" class="submitss" id="submitss">



否则你会

未捕获的语法错误：意外标记）

您已经在警报中显示了
job_id
和
job_val
，那么您的问题是什么？
<a href="javascript:void();" class="submitss" id="submitss">

<a href="javascript:void(0);" class="submitss" id="submitss">