0

テキストボックスがあり、このような値を取得しようとしています

$(function(){
    comment = $("#diaMissedPucomments").val();
});

これは、テキストボックスに静的な値を与えると値を取得し、ユーザーが値を動的に入力できるようにすると値を取得しません。

これは私が持っているhtmlコードです:

<div style="display:none;" id="diaMissedPU" title="Missed P/U Comments" >
                       <table>
                            <tr>
                               <td>Enter Comments : </td>
                               <td><input type="text" id="diaMissedPucomments" name="diaMissedPucomments" />
                                <input type="text" id="textid" name="textid" value="antony" /></td>
                           </tr>
                       </table>
                    </div>

<input type="text" id="textid" name="textid" value="antony" />この行を使用して確認しました。値は取得できますが、値は取得できtextidませんdiaMissedPucomments

アップデート ：

 function openMissedPUComments(){
        var selectedValues = "",comment="";
        $('input:checked').each(function() {
              selectedValues =$(this).val()+","+selectedValues ;
            });
        if(selectedValues.length==0 && selectedValues==""){
            alert("To run this agent you must have at least one document selected");
            return false;
        }else{
          $("#diaMissedPU")
            .dialog(
                    {
                        modal: true,
                        draggable: false,
                        closeOnEscape: true,
                        title: "Missed P/U Comments ",
                        resizable: false,
                        width: 380,
                        // open: function() {
                        //            
                        // },
                        buttons: {
                            Ok: function () {
                                 comment = $("input#diaMissedPucomments").val();
                                 alert("comment : "+comment);
                                 viewname="CIMtrek_Compliance_Daily_Shipments_Case_Pack_Update_MissedPUs";
                                //callHome(viewname,comment);
                                global.getElementById("diaMissedPucomments").value="";
                                $(this).dialog('close');
                            }
                        }
                    });
        }
    }

上記の関数は、div をダイアログとして開くために呼び出されます。

これを行う方法。

これを手に入れるのを手伝ってください。

よろしくお願いします

4

2 に答える 2

1

ダイアログの使い方を誤解していると思います。

ダイアログを設定すると、自動的に開かないオプションで自動的に非表示になります。

この属性を自動的に開かないように設定するだけです:

autoOpen: false

たとえば、次の変更を参照してください: コード内のコメント

var comment = ""; //global to hold comment text
$(document).ready(function() {// put in a document ready handler
    $("#diaMissedPU").dialog({
        modal: true,
        autoOpen: false,
        draggable: false,
        closeOnEscape: true,
        title: "Missed P/U Comments ",
        resizable: false,
        width: 380,
        buttons: {
            Ok: function() {
                var mycomments = $("input#diaMissedPucomments");//save to reuse
                comment = mycomments.val();//get value
                alert("comment : " + comment);
                viewname = "CIMtrek_Compliance_Daily_Shipments_Case_Pack_Update_MissedPUs";
                //callHome(viewname,comment);
                mycomments.val("");// clear value
                $(this).dialog('close');
            }
        },
        close: function(event, ui) {// use this or not, just to illustrate
            alert(comment);
        }
    });
    $("#wackme").click(function() {// button to activate your function
        openMissedPUComments();
        alert("commentbefore : " + comment); //NOTE: runs before dialog closes
    });
});

function openMissedPUComments() {
    var selectedValues = "";
    comment = "";//clear value in variable
    $('input:checked').each(function() {
        selectedValues = $(this).val() + "," + selectedValues;
    });
    if (selectedValues.length == 0 && selectedValues == "") {
        alert("To run this agent you must have at least one document selected");
        return false;
    } else {
        $("#diaMissedPU").dialog("open");
    }
}

サンプル作業: http://jsfiddle.net/Hw6ZA/

于 2013-01-02T14:25:01.907 に答える
0

来ている。これをチェックするだけ..

$("#diaMissedPucomments").blur(function() {
    comment = $("#diaMissedPucomments").val();
    alert(comment);
});

style="display:none;" を指定した理由がわかりません

于 2013-01-02T13:03:54.933 に答える