1

ユーザーが入力できるフィールドがいくつかあるフォームがあります。ユーザーは、大きなデータ テーブルを含むポップアップ ウィンドウから選択されたフィールドに数値を入力する必要があります。

たとえば、あるフィールドに「税率」と表示されているとします。ユーザーは（できれば）（空の）「税率」入力フィールドをクリックすると、大きなデータ テーブルが表示されます。ユーザーは (できれば) そのテーブルの値の 1 つをクリックして、テーブルを閉じ、入力フィールドに値を入力します。

私が望んでいること (本当に望んでいること) は、テーブルが巨大であるため、フォーム フィールドに数値を返すために、テーブル内の各セルに何らかの特別な ID を作成する必要がないことです。それらをプレーンな古い<tr><td>1.234</td></tr>形式で作成します。

私はjQueryのにおいがしますが、それを実装する方法に精通していません. どんな助けでも大歓迎です。

4

1 に答える 1

1

jQueryUI ダイアログを使用した非常に初歩的なデモを次に示します。

HTML:

Rate:<input type="text" id="rate_input" />
<div id="dialog" title="Click a value to fill input and close dialog">
    <table id="rates" border="1" width="100%">
        <tr>
            <td>Value 1</td>
            <td>Value 2</td>
            <td>Value 3</td>
        </tr>
    </table>
</div>

jQuery:

$(function(){    
    $('#dialog').dialog({
        autoOpen: false,
        width: 400
    });

    $('#rate_input').click(function () {
        $('#dialog').dialog('open');
    });

    $('#rates td').click(function () {
        $('#rate_input').val($(this).text());
        $('#dialog').dialog('close');
    });
});

デモ: http://jsfiddle.net/5jMqJ/

于 2013-02-12T01:29:43.087 に答える