jQuery Forum

Hello.
Very strange situation: I'm trying to make event for adding "selected=selected" attribute to <option> tag.
So, I have option value Id - <option value='22'></option>
I would like to push selected attribute but doesn't work.

$('select[name="my_id"] option[value=' + element + ']').attr('selected', 'selected').
$('select[name="my_id"] option[value=' + element + ']').prop('selected', true).$(' option[value=' + element + ']').prop('selected', true).

I tried any combinations - with #id instead of select[name=..], also I replaced element with existing id, but nothing fired.

When I make console.log($('select[name="my_id"] option[value=' + element + ']')), I'm seeing prevObject.

What could be problem?
The last possible thing could be that I'm trying to achieve that in a loop.
$(".ids_collect li").each(function () {
      var element = $.trim($(this).text()); // element is here
      $('select[name="my_id"] option[value=' + element + ']').attr('selected', 'selected'); // nothing

});

I have 2 selects on my page with different ids/names if it's needed as info. Actually, I'm using the same approach to select dynamically the first select. But I'm using there option:contains and looking for text().

Thank you in advance.

<ul class="steps">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>

</ul>

$('.steps li').not('.animation').each(function(i){
setTimeout(function(){
$('.steps li').hide().removeClass('animation');
$('.steps li').eq(i).addClass('animation').show();
},
2050*i
);

I just want to loop unlimited times this each. How can I do this?
At the moment the loop is executed 1 time.

Hello. I'm trying to pass data.

var favorite = {};

favorite[videobody.id] =  item.statistics;

So, at the moment i receive similar object:


Object{}

1		Object { viewCount= "88" , more... }

When I passed data to ajax and result is empty or non-existing object.

$.ajax({
    url: "/admin/songs/ajaxViewers",
    type: "post",
    data: {favorite:favorite},
    success: function () {
       // location.reload();
    },
    error: function () {
        alert("PROBLEM");

    }
});

How to rewrite to work?

<div id="something">
<img class="button" id="article-222" src="image.jpg">
<img class="button" id="article-212" src="image.jpg">
<img class="button" id="article-292" src="image.jpg">
</div>


How to catch particular hovered image and to do something with it?

1. <div id="send-complains-to-reporter" title="Изпращане на известие" style="display: none;">
2.                                 <div class="col-xs-8">
3.                                     <div class="form-group"><input type="text" class="form-control" name="reporter_contact_email" value="<?=$oRow->reporter_mail; ?>" >
4.                                     </div>
5.                                 </div>
6.                                 <div class="col-xs-4">
7.                                     <div class="form-group"><input type="text" class="form-control" name="complaint_number" value="<?=$oRow->reporter_id; ?>" 
   
8.                                     </div>
9.                                 </div>
10.                                 <div class="col-xs-12">
11.                                     <div class="form-group">
12.                                         <textarea rows="10" cols="30" id="message-complaint" ></textarea>
13.                                     </div>
14.                                 </div>
15.                             </div>

The function always receives reporter_email and complaint_number, but textarea never.

I tried $("textarea#message-complaint").val() and $("textarea#message-complaint").text() the result is same.

When
$("textarea#message-complaint").val().lenght

always return 0

1. $(function() {
               $("#send-complains-to-reporter").dialog({
                   modal: true,
                   width: 350,
                   resizable: true,
                   buttons: {
                   "Изпрати": function () {
                       var message_complaint = $("#message-complaint").val();
                       alert(message_complaint);
                       $.ajax({
                           url: '<?=base_url('complaints/sendMailToReporter')?>',
                           type:'post',
                           dataType: 'json',
                           data: {
                               complaint_number: complaint_number,
                               reporter_email:reporter_email,
                               message_complaint:message_complaint
                           },
                           success: function(success) {
                               if(success)
                                alert(json(success));
                           },
                           error:function() {
                               $(oEl).fadeIn()
                           }
                       })
   
                   },
                    "Cancel": function () {
                           $(this).dialog("close");
                       }
               }
               });
           });
   

1. <a onclick="return false;" target="_blank" href="15"  id="accounting_send" class="glyphicons no-js book"><i></i></a>                             
2. <a onclick="return false;" target="_blank" href="16"  id="accounting_send" class="glyphicons no-js book"><i></i></a>
3. <a onclick="return false;" target="_blank" href="17"  id="accounting_send" class="glyphicons no-js book"><i></i></a>

1. $("#accounting_send").click(function () {
2.             var docID =  $(this).find("a[href]").attr('href');
3.             console.log(docID);
4. });

So, this function gets only first href - 15. But when i click on every other a tag nothing is happen.
 
I want when i clicked on particular a tag to get his href value.
Thanks

1.      $.ajax({
2.                 type: 'POST',
3.                 url: 'add_doc/getProtocolData',
4.                 data: {
5.                     'client': client,
6.                 },
7.                 success: function (html) {
8.                     $("#protocol_data").html(html);
9.                    
10.                    
11.                     $('#protocol_data #protocol').live('click',function () {
12.                     var numberDoc = $('#protocol_data #protocol').val();
13.                     console.log(numberDoc);
14.    
15.        
16.                 });
17.                 }
18.        
19.    
20. });

<input style="margin-left:5px;" id="protocol" value="9000003001" type="button">
<input style="margin-left:5px;" id="protocol" value="9000003000" type="button">

Always get 9000003001... I tried a, button, but problem is the same. BTW, i tried to put my

 
                    $('#protocol_data #protocol').live('click',function () {
                    var numberDoc = $('#protocol_data #protocol').val();
                    console.log(numberDoc);

outside of ajax function, but the problem is the same...

Thank you

Hello.

When I have php page like index.php with structure:

1.  
   <!DOCTYPE html>
   <html>
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
       <meta name="language" content="en"/>
       <title>Mobile Stats</title>
   
       <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" />
       <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>
   ...
   </head>
   
   
   <body>
   <div data-role="page">
   
       <div data-role="header">
           <h1>MOBILE DASHBOARD</h1>
       </div><!-- /header -->
   <div data-role="content">
   </div>
   <div data-role="footer">
           <h4>    Copyright &copy; <?php echo date('Y'); ?><br/></h4>
       </div><!-- /footer -->
   
   </div><!-- /page -->
   </body>
   </html>

So, inside the <div data-role="content"> i have google graph.
It works but when i submit filter form index.php?some=2
And google graph is not loaded.
When i refresh the page and i can see the chart correctly.

I'm reading about JQ Mobile loading only second html page and can't understand where should be my google js to be available anywhere in all pages. And specially when i submit the form?

Hello.

I'm using JQ Mobile and PHP.
So I have a form with method = get.
When i submit it my url is changed but i saw &ui-state=dialog

And when i try to post other data in the form i can't - just the form is blocked.

Thank you!

 $(document).ready(function() {
        $("select[name='month']").change(function() {
            var infom = $("select[name='month']").val();

            $.ajax({
                url: "documents/getinfo",
                type: "POST",
                data: "infom=" + infom,
                success:
                        function(likeResult) {
                            $("#likeResult").html(likeResult).fadeIn("slow");
                        }
            });

        });

    });

I have image - loading.gif
So, how to get when the query is opened and when is done. In this case, i tried with append but doesn't catch when begin the query?

Hello.
I have <input name="me" type="radio" value="">
<form><input name="other" type="radio" value=""></form>
I want when i click over radio input (name="me") to get his value data and put it in other (name="other") form input.

So, tell me how to work?