0

私の目的- ユーザーは ClientName をオートコンプリートに入力し、ClientName を選択します。選択すると、[適用] ボタンが有効になります。

[適用] ボタンをクリックすると、ClientName と ClientId が別の PHP ページに送信されます。

私の問題- すべて正常に動作しますが、フォーム アクションでページ URL にリダイレクト/投稿しません。

誰でも助けてくれますか、どうもありがとう。

$(function() {
 $("#btnCancelId").button();
     $("#btnApplyId").button();
     $('#btnApplyId').attr('disabled', true);
 $("#btnAddId").button();
     $('#btnAddId').click(function() {$divDialog.dialog('open'); return false;});

     $('#txtClientName').bind('keyup', function() {
 $('#txtClientId').val('');
 $('#txtClientId').css({'background-color': '#FFC0C0'});
 $("#btnApplyId:eq(0)").addClass("ui-state-disabled").attr("disabled", true);
  });

    var $divDialog = $('#divDialog');
    $divDialog.dialog({
  autoOpen: false,
  modal: true,
  title: 'Company name',
  buttons: [{
     id: 'btnCancelId',
     text: 'Cancel',
     click: function() {$divDialog.dialog('close');}
     },{
      id: 'btnApplyId',
      text: 'Apply',
      disabled: true,
      click: function() {
        $('#divDialog').submit();
    //    $divDialog.dialog('close');
     }
     }]
 });

    $("#txtClientName").autocomplete({
      source: "_ajcustlist.php",
      minLength: 2,
      select: function(event, ui) {
   $("#btnApplyId:eq(0)").removeClass("ui-state-disabled").attr("disabled", false);
            $('#txtClientId').val(ui.item.id);}
    });
});

HTMLコードは -

<div id="divDialog">
  <form id="client_form" name="client_form" method="post" action="editinv.php">
   <input type="text" id="txtClientName" name="txtClientName" />
   <input type='text' id='txtClientId' name='txtClientId' style='display:none'/>
  </form>
</div>
4

1 に答える 1

0

ダイアログ アクション ボタンのクリック イベントが間違っています。現在、 div 内$('#divDialog')のフォーム ( ) ではなく、div ( )を送信しようとして$('#client_form')います。

変化する：

click: function() {
    $('#divDialog').submit();
    //    $divDialog.dialog('close');
}}]

に：

click: function() {
    $('#client_form').submit();
    //    $divDialog.dialog('close');
}}]
于 2012-04-24T17:13:39.780 に答える