Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jQuery中基于两个不同的选择选项显示段落_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何在jQuery中基于两个不同的选择选项显示段落

Javascript 如何在jQuery中基于两个不同的选择选项显示段落,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我主要想举例来说,如果用户选择“选项1”和“选项a”显示一件事,如果用户选择“选项2”和“选项c”显示另一件事。。。。等等 我试着戴着它到处玩 谢谢大家! $('#first')。在('change',function()上{ 如果(this.value==“01”){ $(“#一”).show(); }否则{ $(“#一”).hide(); } }); $('#second')。on('change',function(){ 如果(this.value==“a”){ $(“#一”).show

我主要想举例来说,如果用户选择“选项1”和“选项a”显示一件事,如果用户选择“选项2”和“选项c”显示另一件事。。。。等等

我试着戴着它到处玩

谢谢大家!

$('#first')。在('change',function()上{
如果(this.value==“01”){
$(“#一”).show();
}否则{
$(“#一”).hide();
}
});
$('#second')。on('change',function(){
如果(this.value==“a”){
$(“#一”).show();
}否则{
$(“#一”).hide();
}
});
p{
显示:无;
}

一个
选择1
选择2
“备选案文3
两个
方案a
方案b
备选案文c

1.

2.

3.


您可以使用
开关()
来计算所选值

这个怎么样

$('select').on('change', function(){
  var select1 = $('#first').val();
  var select2 = $('#second').val();
  $('#one, #two, #three').hide();
  if (select1 === "01" && select2 === "a") {
    $('#one').show();
  }
  if (select1 === "02" && select2 === "b") {
    $('#two').show();
  }
  if (select1 === "03" && select2 === "c") {
    $('#three').show();
  }
});

尝试用输入值更新单个div的内容。

您还可以根据这些值,使用PHP处理这些值并输出所需的结果:

$('#output').load('process_page.php?input1=' + $("#first").val() + '&input2=' + $("#second").val());