使用select选项用JQuery填充输入框

时间:2015-11-26 13:16:36

标签: jquery select text input

我感到有些沮丧,我知道我可能已经把我的代码提了出来,但是这里有。

我有一个选择下拉列表,用用户ID填充它的选项,选择下拉列表有一个默认值,我试图在查询中不使用。

然后,我想要一个选定的选择选项,用选项值中的所选用户ID填充隐藏文本输入。

因此代码检测到选择的更改,然后它说如果不是默认值则将值(用户ID)复制到所需的文本输入中。

这是我对jquery代码的混乱尝试,抱歉可能会犯很多错误。

jQuery(document).ready(function($){
    $('.client-select').on('change',function(event){
        if $('.client-select').val($(this) =! "default"){
            $('.clientuserid').val($(this).find('option:selected').value());
        }
    });
});

对此的任何帮助将不胜感激。

非常感谢。

查理

2 个答案:

答案 0 :(得分:2)

尝试以下更新的javascript代码

$(document).ready(function(){
    $('.client-select').on('change',function(){
         if($(this).val() != "default"){
            $('.clientuserid').val($(this).val());
        }else{
            $('.clientuserid').val('');
        }
    });
});

这里还有工作演示小提琴 - http://jsfiddle.net/1d9hfrxp/1/ 我希望这是你想要实现的目标。

答案 1 :(得分:0)

你的jquery格式化脚本有错误。您错过() if功能。请尝试:

jQuery(document).ready(function($){
    $('.client-select').on('change',function(event){
        if ( $('.client-select').val($(this)) =! "default"){
            $('.clientuserid').val($(this).find('option:selected').val());
        }
    });
});

val()返回您选择的下拉列表元素的值