1

私は2ページを取得しました..しかし、ドロップダウンリストからテキスト値を取得してテキストボックスに挿入するのが困難です。たとえば、これはページ1です

  • ユーザーはページ 1 で 1 つのオプションを選択できます。以下の jquery コードは change 関数でアクティブ化されます。

  • これにより、選択したフィールドに応じて新しいドロップダウンリストが読み込まれます。

  • これはすべて正常に機能しますが、私の問題は、newlist からキーワード テキストボックスに新しい値を取得する方法です。

    <select id="pick">
<option></option>
 <option>Financial</option>
</select>

<div id="newlist" style="margin-left:180px;">      
</div>

   <input type="text" id="keyword" />
<script>
    $("#pick").change(function () {
      if ($(this).val() == "Financial")
{
         $("#newlist").load('/Listings/service #service');
          $("#keyword").text() = $("#service").text();
      }

  });
</script>

page2 は newlist がある場所です

<select name="service" id="service" style="background-color:red;">
<option>automotive</option>
<option>mechanic</option>
</select>

だから再び Page2 からドロップダウンリストを取得しますが、何らかの理由でその値をテキストボックスどんな助けでも素晴らしいでしょう..

4

3 に答える 3

1

私の知る限り、コードの最後の部分は完了イベントで実行する必要があります。

  $("#newlist").load('/Listings/service #service',function(){
          $("#keyword").val($("#service").text());
});

#serviceajaxリクエストが完了するまで、原因は利用できません。

EDIT：そして@tymeJVが正しく言ったように、それはテキストボックスにあるはず.val()です。

于 2013-09-19T20:16:56.930 に答える
1

valの代わりに使ってみてくださいtext。

値

.val() メソッドは主に、input、select、textarea などのフォーム要素の値を取得するために使用されます。要素の場合、.val() メソッドは、選択された各オプションを含む配列を返します。オプションが選択されていない場合は、null を返します。

文章

.text() メソッドは、フォーム入力またはスクリプトでは使用できません。input または textarea 要素のテキスト値を設定または取得するには、.val() メソッドを使用します。スクリプト要素の値を取得するには、.html() メソッドを使用します。

コード：

 $("#pick").change(function () {
     if ($(this).val() == "Financial") {
        $("#keyword").val($("#service").val());
     }
 });

デモ: http://jsfiddle.net/IrvinDominin/TKeE6/

于 2013-09-19T20:18:13.913 に答える
0

試す

$("#keyword").val($("#service").val());
于 2013-09-19T20:13:31.177 に答える