1

私はjQueryの初心者です。このコードでラップされた単純なフォームがあります。

<div class="search_container"> 
    <form action="mode" onSubmit="calcRoute();return false;" id="routeForm">
          <input type="text" id="routeStart" PlaceHolder="Pikënisja" ><br/>
          <input type="text" id="routeEnd" class="routeEnd" PlaceHolder="Destinacioni">
        <button id="submit"><i class="icon-map-marker"></i></button>
    </form>
</div>

私はこのようなものが欲しい：

誰かがテキスト ボックスに入力して送信ボタンをクリックすると、テキスト ボックスに入力したテキストが別の div に投稿されます。

元。最初のテキスト ボックスに「ニューヨーク」と書き、2 番目のテキスト ボックスに「フロリダ」と入力します。

フォームの下の div で、次の結果が得られます。

最初のテキスト (この場合はニューヨーク)、2 番目のテキスト (この場合はフロリダ)。

誰かが私を助けてくれることを願っています。

ありがとう。

4

5 に答える 5

0

これを試して：

新しい div を追加します。

<div id="route"></div>

JS:

$('#submit').click(function (e) {

    // 1. First prevent the default action of button click
    e.preventDefault();

    // 2. Get the textbox values and trim it
    var routeStart = $.trim($('#routeStart').val());
    var routeEnd = $.trim($('#routeEnd').val());

    // 3. Check it the values are not empty
    if (routeStart == '' || routeStart == '') 
        $('#route').html('Please enter some text!');
    else 
        $('#route').html(routeStart + '  ' + routeEnd);
});
于 2013-04-06T16:52:55.207 に答える