使用jQuery在文本框中打印计数和所选选项的值

debugcn 发表于 Dev

伊斯恩加特

我想制作一个脚本来分析下拉列表中所选选项的数量。我尝试了我的代码到jsfiddle，但是即使我没有任何语法错误，它也无法正常工作。我做错了什么吗？

$(document).ready(function(){
                var count=$("#jform_params_foreignmanuf:selected").length;
                 $("#jform_params_manucounter").val(count);
              });

http://jsfiddle.net/aewsduwo/22/。

另外，如果我想创建一个文本区域并打印下拉选项的值？

$(document).ready(function(){
   var $val= $("#jform_params_foreignmanuf:selected").val;
    $("#jform_params_manucounter").val($val);
});

http://jsfiddle.net/pvpqd286/6/我认为这是我示例中的第一个选项

<option selected="selected" value="127">1</option>

我想正确打印输出“ 127”而不是“ 1”吗？

米林德·安纳特瓦尔（Milind Anantwar）

几件事情：

1）您需要转义id标记中存在的特殊字符。

2）您需要按选定的属性查找选项，而不是按选定的元素进行选择

 $("#\\#jform_params_foreignmanuf :selected").length

所选选项数量的演示

并以逗号分隔的字符串形式获取文本框中的选定元素值：

 var count=$("#\\#jform_params_foreignmanuf").val().join(",");
 $("#jform_params_manucounter").val(count);

所选值的演示

更新：获取第一个选定的选项文本：

 var firstselectedtext=$("#\\#jform_params_foreignmanuf :Selected:first").text();
 $("#jform_params_manucounter").val(firstselectedtext);

首次选择的选项文本的演示

获取所有选定的选项文本：

var selectedtext=$.map( $('#\\#jform_params_foreignmanuf :Selected'), function (element) { 
    return $(element).text() 
});
$("#jform_params_manucounter").val(selectedtext.join(','));

演示获取所有选定的选项文本

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。