通过更改选择选项更改输入字段的值

时间:2015-01-26 14:41:53

标签: jquery

我想传输自己的值,例如(自身值0,自身值1等)到输入字段。 我尝试成功click(function () { }),但如果您使用标签导航则无效。所以我认为最好使用它:change(function () {但它不起作用。

Fiddle

2 个答案:

答案 0 :(得分:2)

您应绑定change事件,然后使用value属性。您也可以使用$(this).val()

Example

$("#dropdown").change(function () {
    $("#receiver").val("own value " + this.value);
});

编辑:根据评论

$("#dropdown").change(function () {
    var rec = $("#receiver");
    switch (+this.value) {
        case 0:
            rec.val("George");
            break;
        case 1:
            rec.val("Peter");
            break;
        case 2:
            rec.val("Jack");
            break;
    }
}).change();

Example 2

答案 1 :(得分:0)

change上收听select事件并使用其val()设置文字字段值:

$("#dropdown").change(function(){
    $("#receiver").val($(this).val());
});

JSFiddle: http://jsfiddle.net/t019mvwq/3/

注意:我没有费心去重现"自己的价值"看起来像是仅用于测试的文本。