使用jquery获取选择下拉列表中的值，并使用点击函数将其定位到按钮

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()); 
});