angularjs 下实现即可通过select选择 也可以通过input输入

题记：本篇文章介绍，一种可以select选择输入，也可以input,主要原理就是把input输入框覆盖select，并且在选择select后，把值赋值给input

1 参考demo 普通js

  
  
  
  
  
  
  
  
    java  
    c++  
    python  
      
  
  
  
      
  
  
  
  

2 angularjs下实现

html部分：

    


    

        
{{greeting.text}},Angular
    
    
        c++
        Java
        Html
        Js
    
    
      
    

js部分：

$scope.selectone="c++";这个一定要写，否则会出现一个空行

function HelloAngular($scope){
	$scope.greeting = {
		text: 'Hello'
	};
	$scope.fu = function(){
		console.log($scope.selectone);
		document.getElementById("inputSelect").value=$scope.selectone;
		console.log(document.getElementById("inputSelect").value);
	}
	$scope.selectone="c++";
}