javascript / jquery를 사용하여 드롭 다운에서 동적으로 값을 설정할 수 없습니다.

사용자 5443928

한 가지 문제가 있는데 onchangejavascript / Jquery를 사용하여 이벤트 별로 드롭 다운 값을 설정하고 싶습니다 . 아래 코드를 설명하고 있습니다.

<h1>drop down</h1>
<p>
    <select id="leaveCode" name="leaveCode" onChange="SetValue();">
        <option value="10">Annual Leave</option>
        <option value="11">Medical Leave</option>
        <option value="14">Long Service</option>
        <option value="17">Leave Without Pay</option>
    </select>
</p>
<p>
    <select id="leaveCode1" name="leaveCode">
        <option value="">select value</option>
        <option value="21">xyz</option>
        <option value="21">abc</option>
    </select>
</p>

function SetValue(){
  var value=document.getElementById('leaveCode').value;
  var name=document.getElementById('leaveCode').name;
  document.getElementById('leaveCode1').value=value;
  document.getElementById('leaveCode1').name=name;
}

여기서 내 요구 사항은 사용자가 첫 번째 드롭 다운 목록에서 값을 선택하면 비활성화 모드의 두 번째 드롭 다운 목록에도 표시됩니다.

도메인

leavecode1 드롭 다운에서 추가하고 선택하는 다음 문을 사용할 수 있습니다 .js 파일에서 다음 문을 사용하십시오.

   jQuery('#leaveCode').change(function(){
        //get selected text from #leaveCode list
        text = jQuery("#leaveCode option:selected").text();
        //get selected value for selected text
        value = jQuery("#leaveCode option:selected").val();
//append new in #leavecode1 and make this option as selected option.
        jQuery("#leaveCode1").append("<option value=" + value + " selected>" + text + "</option>");



    });

다음 링크 (업데이트 됨) -http : //jsfiddle.net/aecrcvt2/2/를 사용하여 확인할 수 있습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

동적으로 채워진 드롭 다운에서 jquery를 사용하여 선택한 텍스트 또는 드롭 다운 값을 설정하는 방법

분류에서Dev

Javascript를 사용하여 다른 드롭 다운에서 선택한 항목을 기반으로 드롭 다운 값 설정

분류에서Dev

Angularjs는 ng-options를 사용하여 드롭 다운을 동적으로 채울 수 없습니다.

분류에서Dev

Angular.js를 사용하여 동적으로 값을 설정할 수 없습니다.

분류에서Dev

자바 스크립트를 사용하여 asp.net core의 드롭 다운 목록에서 소수점 값을 기본값으로 설정할 수 없습니다.

분류에서Dev

jQuery를 사용하면 Select2 선택 드롭 다운에 값을 할당 할 수 없습니다.

분류에서Dev

jQuery를 사용하여 두 개의 드롭 다운 목록에서 선택한 값을 동시에 설정

분류에서Dev

Selenium WebDriver를 사용하여 <div>에서 만든 드롭 다운을 클릭 할 수 없습니다.

분류에서Dev

Angular.js를 사용하여 드롭 다운 목록 값을 알파벳순으로 정렬 할 수 없습니다.

분류에서Dev

Webdriver Python Selenium을 사용하여 콤보 상자의 드롭 다운 값을 설정할 수 없습니다.

분류에서Dev

드롭 다운에서 각 값을 선택하고 각도기를 사용하여 단위 테스트를 동적으로 수행합니다.

분류에서Dev

$ _POST를 사용하여 선택한 드롭 다운 옵션의 값을 검색 할 수 없습니다.

분류에서Dev

Neo4j REST API를 사용하여 동적으로 노드 레이블을 설정할 수 없습니다.

분류에서Dev

사용 가능한 jquery가없는 Javascript를 사용하여 vbscript로 채워진 드롭 다운 목록에서 선택한 값을 검색합니다.

분류에서Dev

ajax jquery를 사용하여 렌더링 된 값을 드롭 다운으로 설정합니다.

분류에서Dev

MS 워드에서 양식 acrofields를 사용하여 필드 값을 설정할 수 없습니다

분류에서Dev

Angularjs를 사용하여 배열 값을 드롭 다운으로 설정

분류에서Dev

python url에서 요청을 사용하여 이미지를 다운로드 할 수 없습니다.

분류에서Dev

Rails 컨트롤러를 사용하여 Heroku에서 파일을 다운로드 할 수 없습니다.

분류에서Dev

maven을 사용하여 intellij의 jar에서 소스를 다운로드 할 수 없습니다.

분류에서Dev

jquery를 사용하여 선택한 값을 설정할 수 없습니다.

분류에서Dev

드롭 다운에서 검색 필터를 사용하여 초기 값으로 매트 선택을 표시 할 수 없음

분류에서Dev

JQuery를 사용하여 드롭 다운 선택으로 PHP 값을 동적으로 변경

분류에서Dev

새 입력 필드를 동적으로 삽입 한 후 입력 값을 설정할 수 없습니다.

분류에서Dev

드롭 다운 목록 끝에 정적 값을 설정할 수 있습니까?

분류에서Dev

JQuery를 사용하여 Python으로 값을 전달할 수 없습니다.

분류에서Dev

Ajax / JQuery 채워진 드롭 다운을 사용하여 다른 서버 측 호출없이 UI를 동적으로 변경하고 싶습니다.

분류에서Dev

Django를 사용하여 정적 파일을로드 할 수 없습니다.

분류에서Dev

Ajax를 사용하여 드롭 다운 값을 인쇄 할 수 없음

Related 관련 기사

  1. 1

    동적으로 채워진 드롭 다운에서 jquery를 사용하여 선택한 텍스트 또는 드롭 다운 값을 설정하는 방법

  2. 2

    Javascript를 사용하여 다른 드롭 다운에서 선택한 항목을 기반으로 드롭 다운 값 설정

  3. 3

    Angularjs는 ng-options를 사용하여 드롭 다운을 동적으로 채울 수 없습니다.

  4. 4

    Angular.js를 사용하여 동적으로 값을 설정할 수 없습니다.

  5. 5

    자바 스크립트를 사용하여 asp.net core의 드롭 다운 목록에서 소수점 값을 기본값으로 설정할 수 없습니다.

  6. 6

    jQuery를 사용하면 Select2 선택 드롭 다운에 값을 할당 할 수 없습니다.

  7. 7

    jQuery를 사용하여 두 개의 드롭 다운 목록에서 선택한 값을 동시에 설정

  8. 8

    Selenium WebDriver를 사용하여 <div>에서 만든 드롭 다운을 클릭 할 수 없습니다.

  9. 9

    Angular.js를 사용하여 드롭 다운 목록 값을 알파벳순으로 정렬 할 수 없습니다.

  10. 10

    Webdriver Python Selenium을 사용하여 콤보 상자의 드롭 다운 값을 설정할 수 없습니다.

  11. 11

    드롭 다운에서 각 값을 선택하고 각도기를 사용하여 단위 테스트를 동적으로 수행합니다.

  12. 12

    $ _POST를 사용하여 선택한 드롭 다운 옵션의 값을 검색 할 수 없습니다.

  13. 13

    Neo4j REST API를 사용하여 동적으로 노드 레이블을 설정할 수 없습니다.

  14. 14

    사용 가능한 jquery가없는 Javascript를 사용하여 vbscript로 채워진 드롭 다운 목록에서 선택한 값을 검색합니다.

  15. 15

    ajax jquery를 사용하여 렌더링 된 값을 드롭 다운으로 설정합니다.

  16. 16

    MS 워드에서 양식 acrofields를 사용하여 필드 값을 설정할 수 없습니다

  17. 17

    Angularjs를 사용하여 배열 값을 드롭 다운으로 설정

  18. 18

    python url에서 요청을 사용하여 이미지를 다운로드 할 수 없습니다.

  19. 19

    Rails 컨트롤러를 사용하여 Heroku에서 파일을 다운로드 할 수 없습니다.

  20. 20

    maven을 사용하여 intellij의 jar에서 소스를 다운로드 할 수 없습니다.

  21. 21

    jquery를 사용하여 선택한 값을 설정할 수 없습니다.

  22. 22

    드롭 다운에서 검색 필터를 사용하여 초기 값으로 매트 선택을 표시 할 수 없음

  23. 23

    JQuery를 사용하여 드롭 다운 선택으로 PHP 값을 동적으로 변경

  24. 24

    새 입력 필드를 동적으로 삽입 한 후 입력 값을 설정할 수 없습니다.

  25. 25

    드롭 다운 목록 끝에 정적 값을 설정할 수 있습니까?

  26. 26

    JQuery를 사용하여 Python으로 값을 전달할 수 없습니다.

  27. 27

    Ajax / JQuery 채워진 드롭 다운을 사용하여 다른 서버 측 호출없이 UI를 동적으로 변경하고 싶습니다.

  28. 28

    Django를 사용하여 정적 파일을로드 할 수 없습니다.

  29. 29

    Ajax를 사용하여 드롭 다운 값을 인쇄 할 수 없음

뜨겁다태그

보관