0

テキストボックスを表示し、単一のテキストで値を組み合わせたボックスを選択したい（最初のtb値、次にsb値）。これはjspページです： 

<table>
<tr>
<td>A : </td>
<td><input type="text" id="text1" name="customer" value=""></td>
</tr>
<tr><td>B :</td></tr>
<tr>
<td><input type="radio" onclick="change(this, 'select1000')" name="license[1]" value="1000"> 25-1000</td>
<td><div id="select1000" style="display: none">
<select id="select" name="selectbox">    
<option test="l25" value="25">25</option>
<option test="l100" value="100">100</option>
<option test="l175" value="175">175</option>
<option test="l250" value="250">250</option>
<option test="l325" value="325">325</option>
</select>
</div>
</td>
</tr>
<tr><td> ShowValue: </td>
<td><input type="text" name="key" id="text2" value="" disabled="disabled"></td> </tr>
</table>

ShowValuetextboxにテキストボックスAとselectbox値Bの両方を表示したい（最初のtextbx値が次にselectboxに来る）、このためにjqueryを記述しました：

<script type="text/javascript">
$("#text1").keyup(function() {
$("#text2").val($("#text1").val() + $(this).find('option:selected').val()).change();
});

$("#select").keyup(function(){
$("#text2").val($("#text1").val() + $(this).find('option:selected').val()).change();
});
</script>

期待される出力が得られない、入力者.......。

4

4 に答える 4

1

入力を共有してくれてありがとうございますが、私はこれを書きました（テキストボックス2にコメントを表示していますが）が、これは私のために働いています：

   <script type="text/javascript">
   $(document).ready(function(){
  $("#text1").keyup(function(){
//   $("#text2").val($("#text1").val());
   $("#text2").val($("#text1").val() + $(this).find('option:selected').val()).change();
  });
});

     $(document).ready(function(){
  $('select[name="selectbox"]').change(function() {
    var selectedValue = $(this).find('option:selected').val();
    $('input[name="key"]').val(selectedValue);
    $("#text2").val($("#text1").val() + $(this).find('option:selected').val()).change();
  });

});
 </script>
于 2012-07-11T09:48:08.497 に答える
1 
<script type="text/javascript">

    $(document).ready(function(){    

        $('#text1').keyup(function() {
             $('#text2').val($(this).val()+$('#select').val());
        });


    });
</script>

これは私にとってはうまくいきますが、それをjsfiddleに入れようとしましたが、私にとってはうまくいきません。また、イベントが適切にバインドされるようにするために document.ready を使用する必要があります

于 2012-07-11T07:52:30.037 に答える
1 
var sel = $("#select"),
    txt_1 = $("#text1"),
    txt_2 = $("#text2");

txt_1.on('keyup', function() {
    txt_2.val( $.trim( this.value ) + sel.val() );
});

sel.on('change', function() {
    txt_2.val( $.trim( txt_1.val() ) + this.value );
});
于 2012-07-11T08:55:37.560 に答える
1

男 : コードに小さな間違いがあります。これに置き換えます。

<script type="text/javascript">
$("#text1").keyup(function() {
$("#text2").val($("#text1").val() + $("#select").find('option:selected').val()).change();
});

$("#select").change(function(){
$("#text2").val($("#text1").val() + $(this).find('option:selected').val()).change();
});
</script>

テキスト 2 に対して .change() イベントを呼び出す特別な理由はありますか?? また、単に $("#select").val(); を使用して、ドロップダウンの選択された値を取得できます。

于 2012-07-11T07:50:24.123 に答える