JQuery创建新的选择选项 [英] JQuery create new select option

问题描述

我在常规JavaScript创建选择选项中具有以下功能。有没有办法，我可以做到这一点，而不必使用表单对象？也许将选项存储为一个JSON对象数组，然后在调用函数中解析这些选项...
$ b $ $ $ $ $ $ $ $ $ $ $ $ $ $函数填充
{
form.options.length = 0;
form.options [0] =新选项（选择瑞典的城市/城镇，）;
form.options [1] =新选项（墨尔本，墨尔本）;

$ / code>

以下是我如何调用上述函数：

  populate（document.form.county）; //县是要填充的下拉列表的ID。 
  

解决方案

类似于：

 函数填充（选择符）{
 $（选择符）
 .append（'< option value =foo> foo< / option>'）
 .append（'< option value =bar> bar< / option>'）
} 
 
 populate（'＃myform .myselect ）; 
  

甚至：

  $。fn.populate = function（）{
 $（this）
 .append（'< option value =foo> foo< / option>'）
 .append（'< option value =bar> bar< / option>'）
} 
 $ b $（'＃myform .myselect'）。populate（） ; 
  

I have the below functions in regular JavaScript creating select options. Is there a way I can do this with jQuery without having to use the form object? Perhaps storing the options as an array of JSON objects and parsing this in the calling function...

function populate(form)
{
form.options.length = 0;
form.options[0] = new Option("Select a city / town in Sweden","");
form.options[1] = new Option("Melbourne","Melbourne");
}

Below is how I call the function above:

populate(document.form.county); //county is the id of the dropdownlist to populate.    

解决方案

Something like:

function populate(selector) {
  $(selector)
    .append('<option value="foo">foo</option>')
    .append('<option value="bar">bar</option>')
}

populate('#myform .myselect');

Or even:

$.fn.populate = function() {
  $(this)
    .append('<option value="foo">foo</option>')
    .append('<option value="bar">bar</option>')
}

$('#myform .myselect').populate();

这篇关于JQuery创建新的选择选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！