根据下拉值自动填充文本字段

Question

我想根据下拉值填充文本字段信息。

<cfselect  name="Env" width="180"  >
<cfoutput>
 <option value=""  >Select</option>
<option value="prod"  >Production</option>
<option value="beta"  >Beta</option>
 </cfoutput>
</cfselect>
<cfinput 
<cfinput name="ReqNumber" type="text" value="" width="90" > 

请求编号文本字段应该像这样自动显示 如果用户选择产品，Prod-110611（env字段值 - currnet日月） 如果用户从下拉列表中选择beta，则应显示以下值：beta-110611。

Answer 1

这是未经测试的，但我认为以下内容应该有效：

$(document).ready(
    function(){
        $('input:text[name="reqNumber"]')
            .val($('select[name="Env"] option:first').val() + '-110611');

        $('select[name="Env"]').change(
            function(){
                $('input:text[name="reqNumber"]').val($(this).val() + '-110611');
            });
    });

参考文献：

• .val()。
• .change()。
• attribute-equals selector。
• :text。
• :first。