使用jquery获取select下拉列表中的值，并使用click函数定位到按钮

Question

嗨我有这个选择下拉列表，我希望将值传递给按钮。我的选择下拉列表被查询到数据库。我希望当我选择一个时，该值将传递给按钮，如果我选择两个，该值也将传递给按钮。下面是我的代码

 <select id="profile_family" name="families" class="form-control">  
                        <?php foreach($profile as $p): ?>
                         <option  value="<?php echo $p->id?>"><?php echo $p->profile_type; ?></option>
                         <?php endforeach; ?>
                      </select>
                      <br />
                      <br />
                      <input type="button" id="createBox" class="btn btn-primary"  value="Create profile" />

 $("#createBox").click(function(){
        $('#profile_family').on('change', function() {
            alert( this.value ); // or $(this).val()
         });
      });

有人可以帮我解决这个问题吗？感谢

Answer 1

你应该试试这个：

$("#createBox").click(function(){
    //$('#profile_family').on('change', function() {
        alert( $('#profile_family').val()); // or $(this).val()
    //});
});

示例是Here.

Answer 2

如果您想获得选择开启按钮的价值，请尝试此fiddle

$("#createBox").click(function(){
        alert($('#profile_family').val());
});