Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何插入<;选项>;变成一个<;选择>;使用jQuery的多元素?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何插入<;选项>;变成一个<;选择>;使用jQuery的多元素?

Javascript 如何插入<;选项>;变成一个<;选择>;使用jQuery的多元素?,javascript,jquery,html,Javascript,Jquery,Html,如何使用jQuery将插入(多个)元素 (我不想在此处使用select。我想使用元素的ID,以便可以对多个元素使用相同的函数。) 谢谢 $('#elementsID').append('mynewoption'); $('#elementsID').append('<option>my new option</option>'); 更新 要在选项后面插入值为1的类似于选项的选项,请使用: var newOption = $('<option value="new

如何使用jQuery将
插入
(多个)元素

(我不想在此处使用select。我想使用元素的ID,以便可以对多个元素使用相同的函数。)

谢谢

$('#elementsID').append('mynewoption');
$('#elementsID').append('<option>my new option</option>');
更新

要在选项后面插入值为1的类似于
选项的选项,请使用:

var newOption = $('<option value="newOpt">my new option</option>');
newOption.insertAfter('#elementsID option[value="value1"]');
var newOption=$(“我的新选项”);
newOption.insertAfter(“#elementsID option[value=“value1”]”);

看起来您想要使用。例如:

var myOption = $("<option value='Option X'>X</option>");
$("#selectId").append(myOption);

附加一个选项,请执行以下操作:

$('#colors').append('<option>red</option>');
$('#colors')。附加('red');
要在另一个选项之前或之后插入一个选项,请执行以下操作:

$('<option>blue</option>').insertBefore("#colors option:contains('red')");
$('<option>yellow</option>').insertAfter("#colors option:contains('blue')");
$("#colors option:contains('blue')").replaceWith("<option>pink</option>");
$(“蓝色”).insertBefore(#colors选项:contains('red'));
$('yellow')。在(#colors选项:contains('blue'))之后插入;
用另一个选项替换一个选项:

$('<option>blue</option>').insertBefore("#colors option:contains('red')");
$('<option>yellow</option>').insertAfter("#colors option:contains('blue')");
$("#colors option:contains('blue')").replaceWith("<option>pink</option>");
$(“#颜色选项:包含('blue')”)。替换为(“粉色”);
要替换所有选项,请执行以下操作:

$('#colors')
   .html("<option>green</option>" +
         "<option>orange</option>" +
         "<option>violet</option>");
$(“#颜色”)
.html(“绿色”+
“橙色”+
“紫罗兰”);

对不起,您的问题是什么?谢谢您的回复。追加将工作,但我想插入之间。你能告诉我怎么做吗?你能给我举个例子吗。如何将元素id和索引传递为“idOfItemIWantToInsertAfter”,谢谢回复。追加将工作,但我想插入之间。你能告诉我怎么做sameIt的工作吗。伟大的非常感谢你。还有一个小问题。如何获取select元素的长度和索引。Thanks@Royal,可以使用
$('#elementsID').length()获取长度。我不明白你所说的“选择元素索引”是什么意思。请您解释一下好吗?噢,对不起,选定项的索引。@Royal,请尝试
$('#elementsID').prop('selectedIndex')
。可能是因为您正在替换整个列表,而不是按照最初的要求插入选项。multiple指的是