Javascript 点击下拉列表重定向到另一个页面

Javascript 点击下拉列表重定向到另一个页面,javascript,jquery,html,css,twitter-bootstrap-3,Javascript,Jquery,Html,Css,Twitter Bootstrap 3,在给定的代码中,我的主要目的是根据所选的下拉列表单击按钮,重定向到另一个页面。这里第一个表格是针对国家的,第二个列表是针对根据国家选择的产品。现在我想通过单击按钮重定向到页面,作为与值匹配的键。下面是一个例子 HTML代码 挑选 澳大利亚 加拿大 英国 联系人姓名 jquery代码 $(文档).ready(函数(){ $department=$(“选择[name='dep']”); $cname=$(“选择[name='cname']”); $clickbutton=$(“选择[name='

在给定的代码中,我的主要目的是根据所选的下拉列表单击按钮,重定向到另一个页面。这里第一个表格是针对国家的,第二个列表是针对根据国家选择的产品。现在我想通过单击按钮重定向到页面,作为与值匹配的键。下面是一个例子

HTML代码


挑选
澳大利亚
加拿大
英国
联系人姓名
jquery代码

$(文档).ready(函数(){
$department=$(“选择[name='dep']”);
$cname=$(“选择[name='cname']”);
$clickbutton=$(“选择[name='clickon']”)
$department.单击(函数(){
if($(this).val()=“选择”)
{
$(“选择[name='cname']选项”).remove();
$(“Visa名称”)。附录($cname);
}
如果($(this.val()=“Australia”){
$(“选择[name='cname']选项”).remove();
$(“澳大利亚临时研究生签证(职位)”。附录($cname);
$(“澳大利亚熟练独立签证(第189子类)”)。附录($cname);
$(“澳大利亚SRGV评估”)。附录($cname);
$(“澳大利亚家庭移民”)。附录($cname);
$(“合作伙伴技能评估报告”)。附录($cname);
$(“澳大利亚熟练指定签证(第190子类)”)。附录($cname);
$(“澳大利亚雇主提名计划(ENS)”)。附录($cname);
$(“澳大利亚457签证子类”)。附录($cname);
美元(“澳大利亚商业创新与投资”)。附录($cname);
$(“澳大利亚学生依赖签证”)。附录($cname);
$(“澳大利亚医生和护士签证”)。附录($cname);
$(“澳大利亚移民技能评估”)。附录($cname);
$(“澳大利亚商业人才”)。附录($cname);
$(“供款父母签证”)。附录($cname);
$(“澳大利亚儿童签证”)。附录($cname);
$(“澳大利亚临时毕业生签证”)。附录($cname);
$(“澳大利亚熟练地区(临时)签证”)。附录($cname);
$(“澳大利亚技术认可毕业生…)。附录($cname);
$(“澳大利亚居民返回签证”)。附录($cname);
$(“澳大利亚评估报告”)。附录($cname);
$(“澳大利亚合作伙伴移民”)。附录($cname);
$(“DIBP”)。附录($cname);
$(“合作伙伴技能评估”)。附录($cname);
美元(“澳大利亚商业创新与投资”)。附录($cname);
美元(“签证文件”)。附录($cname);
$(“澳大利亚父母签证”)。附录($cname);
$(“澳大利亚ENS报告”)。附录($cname);
$(“DIBP评估报告”)。附录($cname);
$(“供款父母签证”)。附录($cname);
美元(“澳大利亚商业创新与投资”)。附录($cname);
}
如果($(this.val()=“Canada”)
{
$(“选择[name='cname']选项”).remove();
$(“加拿大家庭移民”)。附录($cname);
$(“加拿大魁北克技术工人签证”)。附录($cname);
$(“魁北克评估报告”)。附录($cname);
美元(“CIC指南(ITA后)”)。附录($cname);
$(“依赖加拿大的工作许可证”)。附录($cname);
$(“加拿大自营职业签证”)。附录($cname);
$(“加拿大马尼托巴省提名计划”)。附录($cname);
$(“加拿大新斯科舍省提名计划”)。附录($cname);
$(“加拿大经验课程评估”)。附录($cname);
$(“加拿大魁北克体验班”)。附录($cname);
$(“加拿大父母和祖父母超级签证”)。附录($cname);
$(“加拿大自营职业者签证评估报告”)。附录($cname);
$(“萨斯喀彻温提名计划评估”)。附录($cname);
$(“加拿大依赖签证”)。附录($cname);
$(“大西洋移民试点计划”)。附录($cname);
$(“加拿大联邦熟练工人”)。附录($cname);
$(“加拿大FSW评估”)。附录($cname);
$(“加拿大启动签证评估”)。附录($cname);
美元(“加拿大商务签证”)。附录($cname);
$(“加拿大研究生工作许可证”)。附录($cname);
$(“加拿大开放式工作许可证”)。附录($cname);
$(“加拿大创业签证”)。附录($cname);
$(“加拿大新斯科舍提名计划”)。附录($cname);
$(“加拿大经验班”)。附录($cname);
$(“加拿大联邦贸易工人阶级”)。附录($cname);
$(“加拿大马尼托巴省PNP评估”)。附录($cname);
$(“萨斯喀彻温提名计划”)。附录($cname);
$(“加拿大工作许可证”)。附录($cname);
$(“加拿大联邦贸易工人等级评估”)。附录($cname);
$(“大西洋移民试点计划”)。附录($cname);
}
如果($(this.val()=“UK”)
{
$(“选择[name='cname']选项”).remove();
$(“英国依赖签证”)。附录($cname);
$(“英国1级受抚养人”)。附录($cname);
$(“英国1级/HSW扩展或FLR”)。附录($cname);
$(“英国1级/HSW扩展或FLRUK 1级/HSW扩展或FLR”)。附录($cname);
$(“英国学生依赖签证”)。附录($cname);
$(“英国家庭佣工签证”)。附录($cname);
$(“英国四级学生普通签证”)。附录($cname);
$(“英国欧洲经济区家庭许可”)。附录($cname);
$(“英国二级工作许可证”)。附录($cname);
美元(“英国唯一代表签证”)。附录($cname);
$(“英国二级受抚养人签证”)。附录($cname);
美元(“英国一级企业家签证”)。附录($cname);
}
});
});
变量字典={
“澳大利亚临时”:澳大利亚临时研究生签证(研究后工作流程).php,
“澳大利亚熟练工”:“澳大利亚熟练工独立签证-(第189子类).php”,
“Australia_srvg”:“Australia srvg evaluation.php”,
“australia_family”:“australia family immigration.php”,
“partner_skills”:“partner skills evaluation report.php”,
“澳大利亚提名”:“澳大利亚技能提名签证-(第190子类).php”,
“澳大利亚雇主”:澳大利亚雇主提名计划(ens.php),
‘Australia_subclass’:‘Australia-subclass-457-visa.php’,
“澳大利亚商业”:澳大利亚商业创新投资
<form name="form" id="form">
    <div class="row">
                       <div class="col-md-4 col-sm-6">
                          <div class="search-category-container">
                            <label class="styled-select">
      <select name="dep" class="dropdown-product drop-select">
        <option>Select</option>
        <option>Australia</option>
        <option>Canada</option>
        <option>UK</option>
      </select>
      </label>
    </div>
    </div>

     <div class="col-md-7 col-sm-6">
                          <div class="search-category-container">
                            <label class="styled-select">
      <select name="cname" class="dropdown-product drop-select">
        <option>Contact name</option>
      </select>
       </label> 
                          </div>
                        </div>
                        <div class="col-md-1 col-sm-6">
                          <button type="submit" name="clickon"  class="btn btn-search-icon"><i class="ti-search"></i></button>
                        </div>
                      </div>
    </form>
$(document).ready(function() {

$department = $("select[name='dep']");
$cname = $("select[name='cname']");
$clickbutton = $("select[name='clickon']")

$department.click(function() {

  if ($(this).val() == "Select") 
{
$("select[name='cname'] option").remove();
$("<option>Visa name</option>").appendTo($cname);
}

if ($(this).val() == "Australia") {
$("select[name='cname'] option").remove();
$("<option value='Australia_temporary'>Australia Temporary Graduate Visa (Post..</option>").appendTo($cname);
$("<option value='Australia_skilled'>Australia Skilled Independent Visa (subclass 189)</option>").appendTo($cname);
$("<option value='Australia_srvg'>Australia SRGV Evaluation</option>").appendTo($cname);
$("<option value='australia_family'>Australia Family Immigration</option>").appendTo($cname);
$("<option value='partner_skills'>Partner Skills Evaluation Report</option>").appendTo($cname);
$("<option value='australia_nominated'>Australia Skilled Nominated Visa (subclass 190)</option>").appendTo($cname);
$("<option value='Australia_employer'>Australia Employer Nomination Scheme (ENS)</option>").appendTo($cname);
$("<option value='Australia_subclass'>Australia Subclass 457 Visa</option>").appendTo($cname);
$("<option value='Australia_business'>Australia Business Innovation & Investment..</option>").appendTo($cname);
$("<option value='Australia_student'>Australia Student Dependent Visa</option>").appendTo($cname);
$("<option value='Australia_doctors'>Australia Doctors & Nurses Visa</option>").appendTo($cname);
$("<option value='Australia_immigration'>Australia Immigration Skills Assessment</option>").appendTo($cname);
$("<option value='Australia_talent'>Australia Business Talent..</option>").appendTo($cname);
$("<option value='Contributory_parents'>Contributory Parents Visa</option>").appendTo($cname);
$("<option value='Australia_child'>Australia Child Visa</option>").appendTo($cname);
$("<option value='Australia_graduate'>Australia Temporary Graduate Visa..</option>").appendTo($cname);
$("<option value='Australia_regional'>Australia Skilled Regional (Provisional) Visa ..</option>").appendTo($cname);
$("<option value='Australia_recognised'>Australia Skilled Recognised Graduate ...</option>").appendTo($cname);
$("<option value='Australia_resident'>Australia Resident Return Visa</option>").appendTo($cname);
$("<option value='Australia_evaluation'>Australia Evaluation Report</option>").appendTo($cname);
$("<option value='Australia_partner'>Australia Partner Immigration</option>").appendTo($cname);
$("<option value='DIBP'>DIBP</option>").appendTo($cname);
$("<option value='Partner_skills'>Partner Skills Assessment</option>").appendTo($cname);
$("<option value='Australia_innovation'>Australia Business Innovation & Investment..</option>").appendTo($cname);
$("<option value='Visa_documentation'>Visa Documentation</option>").appendTo($cname);
$("<option value='Australia_parents'>Australia Parents Visa</option>").appendTo($cname);
$("<option value='Australia_ens'>Australia ENS Report</option>").appendTo($cname);
$("<option value='DIBP_evaluation'>DIBP Evaluation Report</option>").appendTo($cname);
$("<option value='Contributory_visa'>Contributory Parents Visa</option>").appendTo($cname);
$("<option value='Australia_investment'>Australia Business Innovation & Investment..</option>").appendTo($cname);
}

if ($(this).val() == "Canada") 
{
$("select[name='cname'] option").remove();
$("<option value='Canada_family'>Canada Family Immigration</option>").appendTo($cname);
$("<option value='Canada_quebec_skilled'>Canada Quebec Skilled Worker Visa</option>").appendTo($cname);
$("<option value='Quebec_evaluation'>Quebec Evaluation Report</option>").appendTo($cname);
$("<option value='CIC_guidance'>CIC Guidance (Post ITA)</option>").appendTo($cname);
$("<option value='Canada_dependent_work'>Canada Dependent Work Permit</option>").appendTo($cname);
$("<option value='Canada_self'>Canada Self Employed Visa</option>").appendTo($cname);
$("<option value='Canada_manitoba'>Canada Manitoba Provincial Nomination Program</option>").appendTo($cname);
$("<option value='Canada_nova'>Canada Nova Scotia Nomination Program</option>").appendTo($cname);
$("<option value='Canada_experience'>Canada Experience Class Evaluation</option>").appendTo($cname);
$("<option value='Canada_quebec_experience'>Canada Quebec Experience Class</option>").appendTo($cname);
$("<option value='Canada_parent'>Canada Parent And Grandparent Super Visa</option>").appendTo($cname);
$("<option value='Canada_self_employed'>Canada Self Employed Visa Evaluation Report</option>").appendTo($cname);
$("<option value='Saskatchewan_nomination'>Saskatchewan Nomination Program Evaluation</option>").appendTo($cname);
$("<option value='Canada_dependent'>Canada Dependent Visa</option>").appendTo($cname);
$("<option value='Atlantic_immigration'>Atlantic Immigration Pilot Program</option>").appendTo($cname);
$("<option value='Canada_federal'>Canada Federal Skilled Worker</option>").appendTo($cname);
$("<option value='Canada_fsw'>Canada FSW Evaluation</option>").appendTo($cname);
$("<option value='Canada_start_up'>Canada Start_up Visa Evaluation</option>").appendTo($cname);
$("<option value='Canada_business_visa'>Canada Business Visa</option>").appendTo($cname);
$("<option value='Canada_post_graduate'>Canada Post Graduate Work Permit</option>").appendTo($cname);
$("<option value='Canada_open_work'>Canada Open Work Permit</option>").appendTo($cname);
$("<option value='Canada_start_up'>Canada Start_up Visa</option>").appendTo($cname);
$("<option value='Canada_nova'>Canada Nova Scotia Nomination Program..</option>").appendTo($cname);
$("<option value='Canada_experience'>Canada Experience Class</option>").appendTo($cname);
$("<option value='Canada_federal'>Canada Federal Trade Worker Class</option>").appendTo($cname);
$("<option value='Canada_Manitoba_pnp'>Canada Manitoba PNP Evaluation</option>").appendTo($cname);
$("<option value='Saskatchewan_nomination'>Saskatchewan Nomination Program</option>").appendTo($cname);
$("<option value='Canada_work'>Canada Work Permit</option>").appendTo($cname);
$("<option value='Canada_federal_trade'>Canada Federal Trade Worker Class Evaluation</option>").appendTo($cname);
$("<option value='Atlantic_immigration_pilot'>Atlantic Immigration Pilot Program</option>").appendTo($cname);
}

if ($(this).val() == "UK") 
{
$("select[name='cname'] option").remove();
$("<option value='UK_dependent'>UK Dependent Visa</option>").appendTo($cname);
$("<option value='UK_tier_dependent'>UK Tier 1 Dependent</option>").appendTo($cname);
$("<option value='HSW_extensions'>UK Tier 1 / HSW Extensions Or FLR</option>").appendTo($cname);
$("<option value='FLRUK_tier'>UK Tier 1 / HSW Extensions Or FLRUK Tier 1 / HSW Extensions Or FLR</option>").appendTo($cname);
$("<option value='UK_student_dependent'>UK Student Dependent Visa</option>").appendTo($cname);
$("<option value='UK_domestic_worker'>UK Domestic Worker Visa</option>").appendTo($cname);
$("<option value='Student_visa_general'>UK Tier 4 Student Visa General</option>").appendTo($cname);
$("<option value='UK_EEA_family'>UK EEA Family Permit</option>").appendTo($cname);
$("<option value='Work_permits'>UK Tier 2 Work Permits</option>").appendTo($cname);
$("<option value='Sole_representative'>UK Sole Representative Visa</option>").appendTo($cname);
$("<option value='Tier_2_dependent_visa'>UK Tier 2 Dependent Visa</option>").appendTo($cname);
$("<option value='Entrepreneur_visa'>UK Tier 1 Entrepreneur Visa</option>").appendTo($cname);
}

});
});


var dictionary = {
                  'Australia_temporary': 'australia-temporary-graduate-visa-(post-study-work-stream).php',
'Australia_skilled': 'Australia-skilled-independent-visa-(subclass-189).php',
'Australia_srvg': 'Australia-srvg-evaluation.php',
'australia_family': 'australia-family-immigration.php',
'partner_skills': 'partner-skills-evaluation-report.php',
'australia_nominated': 'australia-skilled-nominated-visa-(subclass-190).php',
'Australia_employer': 'australia-employer-nomination-scheme-(ens).php',
'Australia_subclass': 'australia-subclass-457-visa.php',
'Australia_business': 'australia-business-innovation-investment-(permanent)-(subclass-888-visa).php',
'Australia_student': 'australia-student-dependent-visa.php',
'Australia_doctors': 'australia-doctors-nurses-visa.php',
'Australia_immigration': 'australia-immigration-skills-assessment.php',
'Australia_talent': 'australia-business-talent-(permanent)-(subclass-132)-visa.php',
'Contributory_parents': 'contributory-parents-visa.php',
'Australia_child': 'australia-child-visa.php',
'Australia_graduate': 'australia-temporary-graduate-visa-(graduate-work-stream).php',
'Australia_regional': 'australia-skilled-regional-(provisional)-visa-(subclass-489).php',
'Australia_recognised': 'australia-skilled-recognised-graduate-(temporary)-visa-(subclass-476).php',
'Australia_resident': 'australia-resident-return-visa.php',
'Australia_evaluation': 'australia-evaluation-report.php',
'Australia_partner': 'australia-partner-immigration.php',
'DIBP': 'dibp.php',
'Partner_skills': 'partner-skills-assessment.php',
'Australia_innovation': 'australia-business-innovation-investment-(provisional)-(subclass-188-visass).php',
'Visa_documentation': 'visa-documentation.php',
'Australia_parents': 'australia-business-innovation-investment-(provisional)-(subclass-188-visas).php',
'Australia_ens': 'australia-ens-report.php',
'DIBP_evaluation': 'dibp-evaluation-report.php',
'Contributory_visa': 'contributory-parents-visas.php',

'Canada_family': 'canada-family-immigration.php',
'Canada_quebec_skilled': 'canada-quebec-skilled-worker-visa.php',
'Quebec_evaluation': 'quebec-evaluation-report.php',
'CIC_guidance': 'cic-guidance-(post-ita).php',
'Canada_dependent_work': 'canada-dependent-work-permit.php',
'Canada_self': 'canada-employed-visa.php',
'Canada_manitoba': 'canada-manitoba-provincial-nomination-program.php',
'Canada_nova': 'canada-nova-scotia-nomination-program.php',
'Canada_experience': 'canada-experience-evaluation.php',
'Canada_quebec_experience': 'canada-quebec-experience.php',
'Canada_parent': 'canada-parent-and-grandparent-visa.php',
'Canada_self_employed': 'canada-employed-visa-evaluation-report.php',
'Saskatchewan_nomination': 'saskatchewan-nomination-program-evaluation.php',
'Canada_dependent': 'canada-dependent-visa.php',
'Atlantic_immigration': 'atlantic-immigration-pilot-program.php',
'Canada_federal': 'canada-federal-skilled-worker.php',
'Canada_fsw': 'canada-fsw-evaluation.php',
'Canada_start_up': 'Canadastart-up.php',
'Canada_business_visa': 'canada-business-visa.php',
'Canada_post_graduate': 'canada-post-graduate-work-permit.php',
'Canada_open_work': 'canada-open-work-permit.php',
'Canada_start_up': 'Canadastart-upvisa.php',
'Canada_nova': 'canada-nova-scotia-nomination-program-evaluation.php',
'Canada_experience': 'canada-experience.php',
'Canada_federal': 'canada-federal-trade-worker.php',
'Canada_Manitoba_pnp': 'canada-manitoba-pnp-evaluation.php',
'Saskatchewan_nomination': 'saskatchewan-nomination-program.php',
'Canada_work': 'canada-work-permit.php',
'Canada_federal_trade': 'canada-federal-trade-worker-evaluation.php',
'Atlantic_immigration_pilot': 'atlantic-immigration-pilot-program.php',


'UK_dependent': 'uk-dependent-visa.php',
'UK_tier_dependent': 'uk-tier-1-dependent.php',
'HSW_extensions': 'uk-tier-1-hsw-extensions-or-flr.php',
'FLRUK_tier': 'uk-tier-5-youth-mobility-scheme.php',
'UK_student_dependent': 'uk-student-dependent-visa.php',
'UK_domestic_worker': 'uk-domestic-worker-visa.php',
'Student_visa_general': 'uk-tier-4-student-visa-general.php',
'UK_EEA_family': 'uk-eea-family-permit.php',
'Work_permits': 'uk-tier-2-work-permits.php',
'Sole_representative': 'uk-sole-representative-visa.php',
'Tier_2_dependent_visa': 'uk-tier-2-dependent-visa.php',
'Entrepreneur_visa': 'uk-tier-1-entrepreneur-visa.php'

};


$('form').submit(function() {
    var newaction = $('[name=cname]').val();
debugger;
    window.location.href = dictionary[newaction];
});