Как получить динамическое падение значения в JavaScript?

У меня есть выпадающий список в PHP Zend со следующим кодом:Как получить динамическое падение значения в JavaScript?

$this->addElement('select', 'target', array(
      'decorators' => $this->getElementDecorators(), 
      'label' => Zend_Registry::get('Zend_Translate')->translate('Target_Platform'), 
      'style' => 'width:320px;', 
      'data-help' => Zend_Registry::get('Zend_Translate')->translate('Target_Platform_To_Publish_To'), 
     ));

Это имеет список из 14 значений.

Я использую ниже код в моем файле JS, чтобы получить текущее значение выпадающий:

this.temp = $('#target :selected').text(); 
console.dir(this.temp);

Однако значение этой переменной не изменяется, когда я выбрать другое значение в раскрывающемся списке? Я хочу, чтобы переменная изменялась динамически в соответствии с значениями, выбранными пользователем.

Как это возможно? Спасибо за чтение :)

источник

2015-02-23 ggwp

Для того, чтобы сделать это, достаточно использовать событие .select.

$(document).ready(function(){ 

    $("#target").select(function(){ 

     console.log($(this).val()); 

    }); 

});

И я надеюсь, что вы включили jQuery файл

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

EDIT

<body> 

..... 
// At the end of the body because JS loads Synchronously 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
</script> 
$(document).ready(function(){ 

     $("#target").select(function(){ 

      console.log($(this).val()); 

     }); 

    }); 
</script> 

</body>

источник

2015-02-23 07:24:30 void

Спасибо Void. Где я могу добавить тег скрипта? В файле JS? – ggwp

Чуть выше $ (document) .ready(); – void

См. Обновленный ответ. – void

Это работало.

$('#target').on('change', function() { 
     var data = { 
     platform: $('#target :selected').text() 
     }; 
     console.log(data);

источник

2015-02-24 12:27:01 ggwp

Попробуйте привязки this.temp = $('#target :selected').text(); к некоторому событию (.select), Так что, когда событие уволит требуемый код будет выполнен. Из текущего подхода this.temp = $('#target :selected').text(); будет выполняться только при загрузке документа с заданием по умолчанию.

http://api.jquery.com/category/events/

источник

2015-02-24 12:39:18

Как получить динамическое падение значения в JavaScript?

ответ

Смежные вопросы