Question

我有一个包含4个选项的选择列表。我想要的是当我选择value="zero"的第一个选项时隐藏提交按钮。当我选择其他选项＆＃34;一个＆＃34;，＆＃34;两个＆＃34;，＆＃34;三个＆＃34; ....我想要显示提交按钮。这是我第一次编程，我不知道该怎么做。请给一些帮助......谢谢!!!!

＆＃13;

$('.wizardActionStaRate').change(function() {

  var firstItem = $('select [value="zero"]')

  if ($(firstItem)) {
    $('.starate').hide();
  } else {
    $('.starate').show()
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> . 
</script>
<select class="wizardActionStaRate">
  <option value="zero"></option>
  <option value="one">1</option>
  <option value="two">2</option>
  <option value="three">3</option>
</select>
<div class="buttonsContainer">
  <div class="btn btn-rect rate">
    <p class="numbers">Submit</p>
  </div>
</div>

＆＃13;

Answer 1

只是一些变化：

使用this var获取值。 this表示选择DOM 节点，因为$('.wizardActionStaRate')选择它。
将按钮选择器固定到.btn。 starate类不存在。
触发更改以强制运行代码。

$('.wizardActionStaRate')
.change(function() {
  if (this.value === 'zero') {
    $('.btn').hide();
  } else {
    $('.btn').show();
  }
})
.change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="wizardActionStaRate">
  <option value="zero"></option>
  <option value="one">1</option>
  <option value="two">2</option>
  <option value="three">3</option>
</select>
<div class="buttonsContainer">
  <div class="btn btn-rect rate">
    <p class="numbers">Submit</p>
  </div>
</div>

Answer 2

您可以使用以下内容确定selected选项：

var theSelection = $(".wizardActionStaRate > option:selected");

然后你可以在change()函数中检查它：

$('.wizardActionStaRate').change(function() {
    var theSelection = $(".wizardActionStaRate > option:selected");
    if ($(theSelection).val() == "zero") {
        $('.btn').hide();
    } else { 
        $('.btn').show();
    }
});

我建议给你的按钮一个ID，这样你就可以更精确地隐藏/显示它。例如，要隐藏id = dimitris的按钮，您可以使用$('#dimitris').hide();

我试图用select选择jquery中的特定选项

2 个答案: