Jquery迭代列表

Question

Following jQuery is not working on given select box.

I want to iterate through all the options of select box.

Where am I going wrong?

Am not getting alert("hi") , IE $("#FileType").find('x:option').each(function(){ is not executing.

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

$("#FileType").find('x:option').each(function(){
    alert("hi");                                
    if($(this).val() == AttachmentExtension)
    $("#FileType").val(AttachmentExtension);
});

Answer 1

You need to escape the : character in the selector.

$("#FileType").find('x\\:option').each(function(){
// Your logic. 
});

Here is jsFiddle. http://jsfiddle.net/bVz6F/

Answer 2

I am not really sure what technology namespaces your select / option tags but the end result HTML does not have the namespaces. Change to:

$("#FileType").find('option').each(function(){
    alert("hi");                                
    if($(this).val() == AttachmentExtension)
    $("#FileType").val(AttachmentExtension);
});