에서 드롭 다운 도우미가 변경 되었습니까?

은 내가 하나가 현재 요소 두 개의 매개 변수를 허용하는이에 onchange를 기능을 추가 할에서 드롭 다운 도우미가 변경 되었습니까?

@Html.DropDownList("MyType",EnumHelper.GetSelectList(typeof(ImageType)),"Select My Type", new { @class = "form-control", onChange = "myFunction(this)" })

같은 드롭 다운 표시 (이)하고 드롭 다운 값

onChange(this,value)

를 열거를 사용하고

이것은 select 태그를 제공해야하며, valu은 내가 선택한 것이어야합니다. 내 변경 사항을 어떻게 수정해야합니까?

출처

2017-09-26 vishnuprasad kv

당신이'jquery'를 사용하는 Unobtrusive JavaScript 접근 방식을 따라야 후,

<script> document.addEventListener('DOMContentLoaded', function() { document.getElementById("MyType").addEventListener("change", function() { alert(this.value); console.log(this); }); }); </script>

을 jQuery를 사용하지 않는 경우? – adiga

함수에서'this'를 사용하여'value'에 접근 할 수 있습니다. 이 onChange = "myFunction (this)"'처럼 구현할 수 있습니다. 함수에서 드롭 다운에서 선택한 값을 가져옵니다. –

나는 이것을 로깅하는 콘솔이다. html 요소를 얻고있다. 선택한 값뿐만 아니라 html elemnt가 필요합니다. –

HTML 도우미 :

@Html.DropDownList("MyType",EnumHelper.GetSelectList(typeof(ImageType)),"Select My Type", new { @class = "form-control", onChange = "myFunction(this)" })

자바 스크립트 :

<script> 
function myfunction(_this) 
{ 
    var selectedValue = $(_this).val(); 
} 
</script>

PS : 당신이 _this를 사용하여 요소에 액세스 할 수 있습니다. val()이 선택한 값을 제공 할 것입니다.

출처

2017-09-26 11:02:29

@Html.DropDownList("MyType")은 ID가 MyType 인 select 요소를 만듭니다. jQuery를 사용하는 경우 이와 같은 변경 이벤트 핸들러를 추가 할 수 있습니다.

<script> 
    $(function(){ 
     $("#MyType").change(function(){ 
      console.log($(this).val()); 
      console.log(this); 
     }); 
    }); 
</script>

당신이 onChange하여이를 달성 할 수 있지만

출처

2017-09-26 11:07:40 adiga

에서 드롭 다운 도우미가 변경 되었습니까?

답변

관련 문제