Question

我基本上想要例如用户选择＆＃34;选项1＆＃34;和＆＃34;选项a＆＃34;显示一件事，如果用户选择＆＃34;选项2＆＃34;和＆＃34;选项c＆＃34;显示另一个......等等。

上玩它

谢谢！

＆＃13;

$('#first').on('change', function() {
  if (this.value === "01")  {
    $("#one").show();
  } else {
    $("#one").hide();
  }
});

$('#second').on('change', function() {
  if (this.value === "a") {
    $("#one").show();
  } else {
    $("#one").hide();
  }
});

＆＃13;

p {
  display: none;
}

＆＃13;

<div data-role="fieldgroup">
  <select id="first">
    <option>ONE</option>
    <option value="01">Option 1</option>
    <option value="02">Option 2</option>
    <option value="03">"Option 3</option>
  </select>
</div>

<div data-role="fieldgroup">
  <select id="second">
    <option>TWO</option>
    <option value="a">Option a</option>
    <option value="b">Option b</option>
    <option value="c">Option c</option>

  </select>
</div>


<p id="one">
  1
</p>
<p id="two">
  2
</p>
<p id="three">
  3
</p>

＆＃13;

Answer 1

这个怎么样？

$('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();
  }
});

https://jsfiddle.net/xw6t3gL4/11/

Answer 2

您可以使用switch()来评估所选值。

https://jsfiddle.net/itopizarro/7o9wdnqa/

Answer 3

尝试使用输入值更新单个div的内容。 https://jsfiddle.net/xw6t3gL4/9/

您还可以根据值，让PHP处理值并输出您希望的结果：

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

https://jsfiddle.net/xw6t3gL4/10/

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

3 个答案: