1

jquery alerts dialog pluginを使用して、アラートに表示されるフォームの値をコールバック機能に送信するにはどうすればよいですか? フォームはアラートにあり、[OK] をクリックするとコールバックが発生します。

これは機能するコードです。このコードは実際の例であるため無視してください。基本的に、フォームをシリアル化する方法を示しています。このコードは、 .serialiseページの Jquery ドキュメントから取得したものです。問題のあるコードはこの下にあります。

<?php $moveablecats = mysql_query("SELECT * FROM categories WHERE id != '1'  "); ?><form id="changecategoryForm2"><select id="newflex" name="thecatidichose"> <option value=""></option> <?php while($catrow =mysql_fetch_array($moveablecats)){ ?> <option value="<?php echo "$catrow[id]"; ?>"><?php echo "$catrow[title]"; ?> </option><?php } ?></select>  </form>   <p><tt id="results"></tt></p>


<script>
    function showValues() {
      var str = $("form#changecategoryForm2").serialize();
      $("#results").text(str);
    }
    $(":checkbox, :radio").click(showValues);
    $("select").change(showValues);
    showValues();
</script>

その作業コードを、次のコードの下にある Jquery アラート ダイアログ プラグインを使用したコードと比較してください。以下は、アラートを表示するデフォルトのコードです。

jPrompt('Type something:', 'Prefilled value', 'Prompt Dialog', function(r) {
    if( r ) alert('You entered ' + r);
});

これは、上記のフォームの動作する html コードをアラート (プロンプトと呼ばれる JavaScript アラートの一種) に挿入したものです。

コールバック関数に渡そうとしている変数は、changecategoryFormの ID で呼び出されるシリアル化されたフォームです。

  • 上記の作業例は、changecategoryForm 2というフォームであることに注意してください。
  • 以下の問題のあるフォームは changecategoryForm と呼ばれます

これが問題のコードです。

$(".changecategory").click( function() {
   <?php $moveablecats = mysql_query("SELECT * FROM categories WHERE id != '1'  "); ?>
   var categoryid = $(this).attr("categoryid");
   var itemid = $(this).attr("itemid");
   var itemid2 = $(this).attr("itemid");
   var itemtitle = $(this).attr("itemtitle");
   var parenttag = $(this).parent().get(0).tagName;
   var removediv = "itemid_" +itemid;   
   jAlert(
      'Which category do you want to move <b>'+itemtitle+ '</b> to?<br><?php $moveablecats = mysql_query("SELECT * FROM categories WHERE id != '1'  "); ?><form id="changecategoryForm"><select id="newflex" name="thecatidichose"> <option value=""></option> <?php while($catrow =mysql_fetch_array($moveablecats)){ ?> <option value="<?php echo "$catrow[id]"; ?>"><?php echo "$catrow[title]"; ?> </option><?php } ?></select>  </form>   <p><tt id="results"></tt></p>','Change category', function(r)    {
         // $(parenttag).fadeOut('slow');  
         $("#"+removediv).fadeOut('slow');  

         var newflex = $("#newflex").val();
         alert(newflex); // this shows nothing    
         alert($("#changecategoryForm").serialize());
         alert('categoryid ' + categoryid + ' itemid ' + itemid + '.'); //this shows the variables

         jAlert(''+ itemtitle +' has been successfully moved.', 'Success');
      } // this brace closes function(r)
   ); 
});
4

1 に答える 1

0

コードをリファクタリングすることで自分で解決しました。とにかく時間をありがとう。終わり。

于 2011-08-17T02:15:57.160 に答える