小编Mys*_*ist的帖子

为什么jQuery ajax在这里发布两次?

第一次选择"添加新"并添加新选项时,以下工作正常.第二次(对于按类别区分的不同元素),它将新选项添加​​到所选元素和第一个元素.这两个元素必然会重新出现.

  <script type="text/javascript">

      $('#upload_form option[value="addnew"]').click(function(){

          // Show modal window
          $('#add-new').modal('show');

          // Get the class

          var Classofentry = $(this).attr("class");           

          $('#add-new-submit').on('click', function(){                

              // Get new option from text field
              var value = $('#add-new-text').val();
              console.log(value);

              $.ajax({
                    type: "POST",
                    url: "<?php echo site_url(); ?>main/change_options",
                    data: {new_option: value, new_option_class: Classofentry},
                    dataType: "html",
                    error: errorHandler,
                    success: success
                  });

              function success(data)
              {

                  $('#'+Classofentry).append("<option value='" + data + "'selected=\"selected\">" + data + "</option>"); 
                  //alert(data);

                  //alert('Success!');

              }

              function errorHandler()
              {
                  alert('Error with AJAX!');
              } 

              $('#add-new').modal('toggle');

           });
      }); 

  </script>
Run Code Online (Sandbox Code Playgroud)

奇怪的是,它似乎两次在ajax上传了一个帖子.我想它找到了所有"addnew"值(到目前为止有2个,会有更多).如何使用指定的类处理元素?希望这是有道理的.

ajax jquery

5
推荐指数
1
解决办法
5722
查看次数

标签 统计

ajax ×1

jquery ×1