使用Jquery选择下拉值

时间:2015-05-15 05:00:46

标签: javascript jquery

请找到下面的代码,我必须动态下拉所选值,但我没有得到它。

<div class='box' id='dispositions'>
    <div class='header'>Dispositions</div>
    <form>
        <select name='rebuttal'>
            <option value=''>---Rebuttals Count---</option>
                <option value='0'>0</option>
                <option value='2-3'>2-3</option>
                <option value='3 or greater'>3 or greater</option>
        </select>
    </form>    
</div>

为了达到这个目的,我使用下面的代码,但它没有给出预期的结果。

以下没有提醒: -

$(document).ready(function(){
    $('#cc-panel-Disposition form [name=rebuttal]').change(function() {
    alert($("#cc-panel-Disposition form [name=rebuttal] option:selected").text());
  });  
});

在下面的代码中,我得到'rebVal'而不是所选的值。请帮帮我。

var rebVal = $('#cc-panel-Disposition [name=rebuttal]').find('option:selected').val();
//var test = $('#cc-panel-Disposition form [name=rebuttal] option:selected').val();
                formValues.rebVal = rebVal;//rebVal;

如果我需要提供更多信息,请告诉我。

3 个答案:

答案 0 :(得分:0)

你在选择器中几乎没有错误,首先你没有id cc-panel-Disposition而是你有dispositions其次使用它而不是在事件处理程序中再次使用相同的选择器。

<强> Live Demo

$('#dispositions form [name=rebuttal]').change(function() {  
     alert($(this).find(':selected').text());
});  

如果您不希望其他具有相同名称的控件

,则可以使用名称选择器绑定事件
$('[name=rebuttal]').change(function() { .... 

答案 1 :(得分:0)

试试这个Fiddle

   class Session{
        protected $git =  md5(rand(1,6)); 
        public function __construct($config = array())
        {
           //// some code
            $ses_id = $this->git;

        }
        public function _start_session()
        {
           //code again..
        }
      }

答案 2 :(得分:0)

也许你应该尝试从ids中获取元素。

<div class='box' id='dispositions'>
    <div class='header'>Dispositions</div>
    <form>
        <select id='rebuttal'>
            <option value=''>---Rebuttals Count---</option>
                <option value='0'>0</option>
                <option value='2-3'>2-3</option>
                <option value='3 or greater'>3 or greater</option>
        </select>
    </form>    
</div>

$(document).ready(function(){
    $('#rebuttal').change(function() {
    alert($("#rebuttal option:selected").text());
  });  
});
相关问题