jQuery使用<select>选项</select>更改文本框

时间:2014-03-20 14:27:26

标签: jquery

我希望你能帮助我:)在这里我走了。

我有下一个问题,我需要更改表中的一些文本框,但这些值取决于其中的选项:

<select id="msgOptions">
    <option>option 1</option>
    <option>option 2</option>
</select>

HTML

<table>
    <tr>
        <td>
            <input type="text" id="message" name="message"/>
        </td>
    </tr>
</table>

所以我的想法是,如果选择了option1,则消息=&#34; message1&#34;或者如果选择了option2&#34; message2&#34;。但重要的是......我正在从servlet中获取它并将其放入div中。

那可能吗?我尝试使用更改jQuery方法,但它不起作用......也许我做得不好..

感谢您提前和抱歉我的英语不好..

我试过了:

$("#opcionServicio").change(function(){ $("esEjecucionCuentaEjecucion").val('hola'); })

1 个答案:

答案 0 :(得分:2)

这很简单:

$("#msgOptions").change(function(){
   $("#message").val(this.value) //In this case this is the selected option
   //$("#message").val("Other value")
});

此外,如果你正在使用

 $("esEjecucionCuentaEjecucion")

您需要指定它是什么类?一个ID?否则,您的选择器将无法找到任何内容来应用您正在设置的值。

类别:

$(".esEjecucionCuentaEjecucion")

ID:

$("#esEjecucionCuentaEjecucion")

Example Fiddle