我在 PHP Zend 中有一个下拉列表,代码如下:
$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);
但是,当我在下拉列表中选择其他值时,此变量中的值不会更改? 我希望变量根据用户选择的值动态更改。
这怎么可能? 感谢您的阅读:)
最佳答案
您可以使用 .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>
编辑
<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>
关于javascript - 如何在JavaScript中动态获取下拉值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28668690/