2

ここでは、ユーザーがドロップダウンから値を選択することに基づいてテキスト ボックスの値を変更しようとしていますが、ドロップダウンで選択された値がテキスト ボックスで更新されません。助けてください。

ここに私のコードがあります。

<script type="text/javascript" src="resources/javascripts/jquery-1.8.3.js"></script>
<script type="text/javascript">  
     $(document).ready(function() {                                       
        $("#name").live("change", function() {
          $("#firstname").val($(this).find("option:selected").attr("value"));
        })
     });                                     
</script>

<select id="name" name="name"> 
<option value="">Please select...</option> 
<option value="Elvis">India</option> 
<option value="Frank">Us</option> 
<option value="Jim">China</option> 
</select>

4

8 に答える 8

1

選択した値を取得するには:

$("#name").change(function() {
      $("#firstname").val($(this).val());
});

選択したテキストを取得するには:

$("#name").change(function() {
      $("#firstname").val($(this).find('option:selected').text());
});
于 2013-02-25T08:47:09.957 に答える
1

これは私のもので動作します..

<html>
<head>
<script type="text/javascript" src="resources/javascripts/jquery-1.8.3.js"></script>
<script type="text/javascript">  
     $(document).ready(function() {                                       
        $("#name").live("change", function() {
          $("#firstname").val($(this).find("option:selected").attr("value"));
        });
     });                                     
</script>

<script type="text/javascript">
</script>
</head>
<body>
<div>
<select id="name" name="name"> 
<option value="">Please select...</option> 
<option value="Elvis">India</option> 
<option value="Frank">Us</option> 
<option value="Jim">China</option> 
</select><br />
<input type="text" id="firstname" name="firstname" value="" readonly="readonly">
</div>
</body>
</html>
于 2013-02-25T14:43:38.427 に答える
0

準備完了関数内にセミコロンがないことを除いて、コードに問題はありません

  $(document).ready(function() {                                       
        $("#name").live("change", function() {
          $("#firstname").val($(this).find("option:selected").attr("value"));
        });
     });

これはうまくいきます！

于 2013-02-25T08:53:32.953 に答える
0 
<select id="name" name="name"> 
<option value="">Please select...</option> 
<option value="India">India</option> 
<option value="Us">Us</option> 
<option value="China">China</option>

両方の場所に同じ値を入力してください

私はこれがあなたが欲しいものだと思います

こちらをご確認ください

http://jsfiddle.net/francisstalin/wnyKq/
于 2013-02-25T11:59:17.223 に答える
0

これを試して：

$("#firstname").val($('select[name="name"]').val());
于 2013-02-25T08:45:43.603 に答える
0

.val()現在の要素 (dom) の値を取得するために使用されます。続きを見る

.attr()要素 (dom) の属性の値を取得するために使用されます。続きを見る

$("#name").on("change", function() {
      $("#firstname").attr('value',$(this).val());
});

.live が廃止されたため、に変更.liveします。.on

于 2013-02-25T08:43:58.170 に答える
0

ライブ使用の変更機能の代わりに:

 <script type="text/javascript">  
    $(document).ready(function() {
       $("#button").click(function() {
           $("#firstname").val($("#name").val());
       });
    });                                     
</script>

<input type="text" name="firstname" id="firstname"/>

<select id="name" name="name"> 
   <option value="">Please select...</option> 
   <option value="Elvis">India</option> 
   <option value="Frank">Us</option> 
   <option value="Jim">China</option> 
</select>

<input type="button" name="button" id="button" value="button" />

これにより、選択した値がテキストボックスに設定されます。テスト済みのコード。

于 2013-02-25T08:46:46.560 に答える
0

テキストボックスがありません。使用しないでくださいlive()。（新しいバージョンのjqueryには明らかに欠けています）

<script type="text/javascript" src="resources/javascripts/jquery-1.8.3.js"></script>
<script type="text/javascript">  
     $(document).ready(function() {                                       
        $("#name").on("change", function() {
          $("#firstname").val($(this).find("option:selected").attr("value"));
        })
     });                                     
</script>
<input id=firstname type=text>
<select id="name" name="name"> 
<option value="">Please select...</option> 
<option value="Elvis">India</option> 
<option value="Frank">Us</option> 
<option value="Jim">China</option> 
</select>
于 2013-02-25T08:48:44.033 に答える