如何在jQuery插件中傳遞下拉選擇的值
[英]how to pass dropdown selected value in jquery plugin
問題描述
我需要將下拉選擇的值傳遞給jQuery插件。
HTML：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.requiredplugin.js"></script>
</head>
<body>
<select name="Type" id="sid">
<option value="value1">value1</option>
<option value="value2" selected>value2</option>
<option value="value3">value3</option>
</select>
<textarea name="source" id="src1" cols="150" rows="20"></textarea>
<script type="text/javascript">
$("#src1").keyup(function(e) {
$(this).pluginmethod(e.keycode);
});
</script>
</body>
</html>
jquery.requiredplugin.js：
(function ($) {
// jQuery plugin definition
$.fn.pluginmethod = function (keycode) {
return this.each(function () {
var $str = $('#src1');
var $soml = $('#sid');
var somlan = $soml.val(); //if I assign var somlan with some static value my code works
var som = $str.val();
/* My code goes here where I use both var som and var somlan*/
});
};
})(jQuery);
我能夠獲得$('#src1') ，如果為var somlan分配了一些靜態值，那么我的代碼將起作用。 但是，如果我想使用下拉選擇的值（其ID為"sid" ）並在插件中檢索值， var $soml = $('#sid'); 然后我的代碼不起作用。
如何在插件中使用下拉選擇的值？
4 個解決方案
解決方案1
2 已采納 2014-11-04 07:32:23
嘗試以下操作：用兩個參數而不是一個參數修改您的插件方法，並將選擇框的值作為第二個參數傳遞。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.requiredplugin.js"></script>
</head>
<body>
<select name="Type" id="sid">
<option value="value1">value1</option>
<option value="value2" selected>value2</option>
<option value="value3">value3</option>
</select>
<textarea name="source" id="src1" cols="150" rows="20"></textarea>
<script type="text/javascript">
$("#src1").keyup(function(e) {
$(this).pluginmethod(e.keycode,$('#sid').val());
});
</script>
</body>
</html>
插入
(function($) {
// jQuery plugin definition
$.fn.pluginmethod = function(keycode, selectVal) {
return this.each(function() {
var $str = $('#src1');
//var $soml = $('#sid');
var somlan= selectVal;
var som= $str.val();
/* My code goes here where I use both var som and var somlan*/
});
};
})(jQuery);
解決方案2
0 2014-11-04 07:33:49
在您的jquery.requiredplugin.js中嘗試這樣
(function($) {
$.fn.pluginmethod = function(keycode) {
return this.each(function() {
var $str = $('#src1');
var $soml = $('#sid option:selected').text();
var somlan= $soml.val();
var som= $str.val();
/* Your code goes here where you use both var som and var somlan*/
});
};
})(jQuery);
希望這可以幫助。
解決方案3
0 2014-11-04 07:34:19
你應該試試 ：
$("#sid option:selected").text();
要么
$("#sid option").is("selected").text()
解決方案4
0 2014-11-04 07:34:25
為什么 Dropdown Selected 值作為空值傳遞給 jQuery 中的控制器
[英]Why Dropdown Selected value pass as a null value to the controller in jQuery
如何將所選值從下拉列表傳遞到下一頁中的另一個下拉列表
[英]how to pass selected value from dropdown to another dropdown in next page
如何從選定的下拉列表中將jquery值傳遞給Laravel 5.1中的變量？
[英]How can I pass a jquery value from a selected dropdown list to a variable in Laravel 5.1?
如何在Angularjs的contextscope中傳遞從下拉列表中選擇的值？
[英]How to pass the value selected from dropdown in contextscope in Angularjs?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.