杜德：代码中有一个小错误。用这个替换它。
我想在单个文本中显示文本框和选择框组合值（第一个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和选择框值B（第一个文本框x值然后是选择框），为此我编写了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>
没有得到预期的输出，任何输入家伙。。。。。。。。
<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（）；
<script type="text/javascript">
$(document).ready(function(){
$('#text1').keyup(function() {
$('#text2').val($(this).val()+$('#select').val());
});
});
</script>
这对我来说很有效，我试着把它放在jsfiddle里，但对我来说失败了。您还应该使用document.ready来确保事件正确绑定
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 );
});
感谢大家分享您的输入，但我已经写了这篇文章（尽管在文本框2中显示了一条评论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>