我正在尝试 select 来自 select 的特定选项和 jquery

Question

我有一个包含 4 个选项的 select 列表。我想要的是在 select 第一个选项 value="zero" 时隐藏提交按钮。当我 select 其他选项 "one"、"two"、"three"...时，我希望显示提交按钮。这是我第一次编程，我不知道该怎么做。请提供一些帮助...谢谢!!!!

$('.wizardActionStaRate').change(function() {

  var firstItem = $('select [value="zero"]')

  if ($(firstItem)) {
    $('.starate').hide();
  } else {
    $('.starate').show()
  }
});

<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>

Answer 1

只是一些改动：

使用 this 变量获取值。 this 表示 select DOM 节点因为 $('.wizardActionStaRate') selects 它。
修复按钮 select 或 .btn。 starate class 不存在。
触发更改以强制运行代码。

$('.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，这样您就可以更精确地 hide/show 它。例如，要隐藏 id=dimitris 的按钮，您可以使用 $('#dimitris').hide();

我正在尝试 select 来自 select 的特定选项和 jquery

I'm trying to select a specific option from select with jquery

html

jquery

html-select