Question

我有一个单选按钮，单击时会显示下面的选择框，这样我就可以选择一个选项。我的问题是我无法从选择框中获取值。它返回null。我想问题是它应该有另一个更改事件。你能告诉我如何在这个变化事件中加入另一个变更事件吗？

选择框：

<div class="row">
   <div class="col-md-6">
     <div class="radio clip-radio radio-primary">
          <input type="radio" id="radio3" name="vertical" value="Pricelist" />
            <label for="radio3">
            Pricelist
            </label>
     </div>
     <div id="Pricelist" class="desc">
         <div class="form-group">
           <select class="cs-select cs-skin-elastic" name="pricelist" id="pricelist_select">
              <option value="" disabled selected>Select pricelist</option>
              <option value="1">1</option>
              <option value="2">2</option>
           </select>
     </div>
  </div>

的jQuery

//Displaying select box when type radio button is clicked
            $(document).ready(function() {
                $("input[name=vertical]").on( "change", function() {
                     var test = $(this).val();
                     $(".desc").hide();
                     $("#"+test).show();
                     $("#pricelist_select").val();
                     $('#pricelist_select').trigger("change");
                    alert($("#pricelist_select").find(":selected").val());
                    $.cookie('pricelist_select', $("#pricelist_select").val());
                } );

            });

用于隐藏选择框的CSS

.desc { display: none; }

Answer 1

如果您不在$(this).val()元素的范围内，只需使用$('#pricelist_select').val()或#pricelist_select：

＆＃13;

$('#pricelist_select').change(function() {
  console.log($(this).val());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="cs-select cs-skin-elastic" name="pricelist" id="pricelist_select"> 
  <option value="" disabled>Select pricelist</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

＆＃13;

jquery选择不显示值

1 个答案: