0

我有很多谷歌，但我无法理解如何去做。

代码如下：

<html>
    <head>
     <script src="jquery-1.8.2.min.js" type="text/javascript"><!-- required for FF3 and Opera --></script>  
    </head>


  <body>
    <script type="text/javascript">
    $(document).ready(function (){
        $('#emp_id').blur(function(){

            alert($(this).val());
            $('#emp_name').val($(this).val());
        });
        $('#emp_name').change(function(){

            $('#emp_id').val($(this).val());            
        } );

    });
    </script>

    <input type="text" id="emp_id" />
    <select id="emp_name" name="emp_name">
        <option value="00000" >Please Select </option>
        <option value="e0001" >James Smith</option>         
        <option value="e0002" >Roger Sm</option>
        <option value="e0003" >Elina Lobo</option>
    </select>

  </body>
 </html>

并运行 jsFiddle http://jsfiddle.net/kamleshahire/J3qLv/1/ 我有两个组件：

  1. 输入框：用户可以输入员工编号，一旦用户输入员工代码，下拉列表会根据员工代码发生变化。员工 ID 是下拉列表的一部分。

  2. 下拉：它包含员工 ID 和值作为员工姓名。

如果预填充的下拉列表中不存在输入值，我想显示错误消息。

提前致谢

4

2 回答 2

4

试试这种方式：

    $('#emp_id').change(function(){
        if($('option[value='+$(this).val()+']').length){
            $('#emp_name').val($(this).val());
        }
        else{
            alert('Employee not found.');
        }
    });

我编辑了我的答案以满足您更新的要求。这是小提琴！

于 2013-05-17T06:27:31.770 回答
0

完整的解决方案是

而 JSFiddle 是

http://jsfiddle.net/kamleshahire/J3qLv/4/

<html>
    <head>
     <script src="jquery-1.8.2.min.js" type="text/javascript"><!-- required for FF3 and Opera --></script>  
    </head>


  <body>
    <script type="text/javascript">
    $(document).ready(function (){
        $('#emp_id').blur(function(){

            //alert($(this).val());
            var inputValue = $(this).val();

            $('#emp_name').each(function(){
                if(this.value == inputValue){

                    $('#emp_name').val($(this).val()); 
                    return false;
                }
                alert("Please iput valid value");
                $('#emp_name').val('-1');

            });

        });
        $('#emp_name').change(function(){

            $('#emp_id').val($(this).val());            
        } );

    });
    </script>

    <input type="text" id="emp_id" />
    <select id="emp_name" name="emp_name">
        <option value="-1" >Please Select </option>
        <option value="e0001" >James Smith</option>         
        <option value="e0002" >Roger Sm</option>
        <option value="e0003" >Elina Lobo</option>
    </select>

  </body>
 </html>
于 2013-05-17T08:12:22.763 回答