Javascript 在单击某个事件时动态更改列表框选项 JPG 巴布亚新几内亚 PDF TIF 骨形态发生蛋白

现在点击一些按钮，我想改变它的选项，因为我喜欢这样做

<x:select id="FileType" width="210px">
        <x:option value="JPG">JPG</x:option>
        <x:option value="PNG">PNG</x:option>
        <x:option value="PDF">PDF</x:option>
        <x:option value="TIF">TIF</x:option>
        <x:option value="BMP">BMP</x:option>
</x:select>

函数fun（）{
$（“#文件类型”）.outerHTML='JPGPNGPDFTIFBMP'；
}

但是

$（“#FileType”）.outerHTML不起作用，如果我提醒
（$（“#FileType”）.outerHTML）
它会给我
未定义的
，而不是

function fun(){
    $("#FileType").outerHTML = '<x:select  name="FileType" id="FileType"><x:option selected="true" value="JPG">JPG</x:option><x:option value="PNG">PNG</x:option><x:option value="PDF">PDF</x:option><x:option value="TIF">TIF</x:option><x:option value="BMP">BMP</x:option></x:select>';
}

函数fun（）{
$（“#文件类型”）.outerHTML='JPGPNGPDFTIFBMP'；
}

试试这个：

function fun(){
    $("#FileType").outerHTML = '<x:select  name="FileType" id="FileType"><x:option selected="true" value="JPG">JPG</x:option><x:option value="PNG">PNG</x:option><x:option value="PDF">PDF</x:option><x:option value="TIF">TIF</x:option><x:option value="BMP">BMP</x:option></x:select>';
}

function fun(){
    $("#FileType")[0].outerHTML = '<x:select  name="FileType" id="FileType"><x:option selected="true" value="JPG">JPG</x:option><x:option value="PNG">PNG</x:option><x:option value="PDF">PDF</x:option><x:option value="TIF">TIF</x:option><x:option value="BMP">BMP</x:option></x:select>';
}

函数fun（）{
$（“#文件类型”）[0]。outerHTML='jpgpngpdftiffbmp'；
}

注意选择器后面的
[0]
，以指定找到的第一个元素

jQuery没有outerHTML方法，因此您试图在jQuery集合上调用DOM方法-这就是为什么会得到未定义的结果

您需要按照
$（“#文件类型”）.parent（）.html（）
，
$（“#文件类型”）.replaceWith（）
或
$（“#文件类型”）.get（0）的思路进行操作。outerHTML
尝试以下操作：

function fun(){
    $("#FileType").outerHTML = '<x:select  name="FileType" id="FileType"><x:option selected="true" value="JPG">JPG</x:option><x:option value="PNG">PNG</x:option><x:option value="PDF">PDF</x:option><x:option value="TIF">TIF</x:option><x:option value="BMP">BMP</x:option></x:select>';
}

function fun(){
    $("#FileType")[0].outerHTML = '<x:select  name="FileType" id="FileType"><x:option selected="true" value="JPG">JPG</x:option><x:option value="PNG">PNG</x:option><x:option value="PDF">PDF</x:option><x:option value="TIF">TIF</x:option><x:option value="BMP">BMP</x:option></x:select>';
}

函数fun（）{
$（“#文件类型选项”）.remove（）；
$（“#文件类型”）.append（'JPGPNGPDFTIFBMP'）；
}