-4 
<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>

今、いくつかのボタンをクリックすると、私はこれがそれのようにやっているためにそのオプションを変更したいと思います。

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>';
}

しかし$("#FileType").outerHTML、私が警告した場合、それは私に($("#FileType").outerHTML)与えているので、機能していませんundefined。

4

3 に答える 3

0

それ以外の

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>';
}

[0]セレクターの後に、最初に見つかった要素を指定することに注意してください。

ここにjsFiddle

于 2013-03-25T10:53:56.930 に答える
0

jQueryにはouterHTMLメソッドがないため、jQueryコレクションでDOMメソッドを呼び出そうとしています。これが未定義の結果を取得する理由です。

$("#FileType").parent().html()あなたは、、$("#FileType").replaceWith()またはの線に沿って何かをする必要があります$("#FileType").get(0).outerHTML

于 2013-03-25T10:54:25.850 に答える
0

これを試して：

function fun(){
    $("#FileType option").remove();
    $("#FileType").append('<option selected="true" value="JPG">JPG</option><option value="PNG">PNG</option><option value="PDF">PDF</option><option value="TIF">TIF</option><option value="BMP">BMP</option>');
}
于 2013-03-25T10:57:34.670 に答える