javascript - 文本框和选择框将值组合在单个文本中(第一个 tb 值，然后是 sb 值)

Question

我想显示文本框和选择框，将值组合在单个文本中(第一个 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(第一个 textbx 值出现在选择框)，为此我编写了 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>

没有得到预期的输出，任何输入......

Answer 1

Dude:代码中有一个小错误。将其替换为这个。

<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(); 获取下拉列表的选定值