Jquery to iterate through a list

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"), I.E. $("#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);
});

See http://stackoverflow.com/questions/853740/jquery-xml-parsing-with-namespaces for using xml namespaces with jquery — Tetaxa, Mar 25 '13 at 09:24

score 2 · Answer 1 · edited Mar 25 '13 at 09:25

2

You need to escape the : character in the selector.

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

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

edited Mar 25 '13 at 09:25

George

35,662
8
61
98

answered Mar 25 '13 at 09:24

Subir Kumar Sao

7,852
3
23
46

score 1 · Answer 2 · answered Mar 25 '13 at 09:23

1

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

answered Mar 25 '13 at 09:23

Konstantin Dinev

32,797
13
71
95

@Romi Can you post the produced HTML after inspecting it. – Konstantin Dinev Mar 25 '13 at 09:30
– Romi Mar 25 '13 at 09:34
@Romi That means the selector works fine, maybe something in the logic inside has to be change. For example what is AttachmentExtension? – Konstantin Dinev Mar 25 '13 at 09:42
Forget attachmentExtension, first alert should come. but something is worng with $("#FileType").find('option').each(function(){ that is reason control is not coming to alert() – Romi Mar 25 '13 at 09:46

Jquery to iterate through a list

2 Answers2