Question

我尝试根据是否选中了复选框来选择下拉列表（选择）的值。这是我正在使用的代码，但它不起作用：

    <select name="scType" class="scType" onchange="$('.all').hide();$('.'+this.value).show();" style="display:none;">
      <option value="One" selected>One</option>
      <option value="Two">Two</option>
    </select>

<span id="showActiveS" style="display:none;"><input name="showActive" class="showActive" type="checkbox" id="showActive" onclick="(this.checked)?$('.isNotActive').hide():$('.'+$(this).closest('.scType').val().show())"> Show Only Active?</span>

$（＆＃39; .isNotActive＆＃39;）。hide（）部分有效，但我无法让其他部分正常工作。有什么想法吗？

Answer 1

此示例显示如何在使用jQuery检查的复选框上输出下拉列表的选定值。

HTML：

<select name="scType" class="scType">
  <option value="Five" selected>Five</option>
  <option value="Six">Six</option>
</select>

<select name="scType" class="scType">
  <option value="Three" selected>Three</option>
  <option value="Four">Four</option>
</select>

<select name="scType" class="scType">
  <option value="One" selected>One</option>
  <option value="Two">Two</option>
</select>

<span id="showActiveS">
<input name="showActive" class="showActive" type="checkbox" id="showActive">
Display Closest Drop Down Value
</span>

<div>Output: <span id="output"></span></div>

使用Javascript：

$('.showActive').on('click', function(){ 
  if ($(this).prop('checked'))
    $('#output').text($(this).parent().prev('.scType').val());
  else 
    $('#output').empty();
});

更新了JSFiddle：https://jsfiddle.net/cv22hwm6/7/

选中最近的选择从未选中的复选框？

1 个答案: