다른 필드의 값을 기반으로 필드 자동 채우기

-3

선택 목록 유형 인 다른 필드를 기반으로 텍스트 필드를 자동 채울 수있는 JavaScript가 필요합니다.다른 필드의 값을 기반으로 필드 자동 채우기

<div class="attribute-16 even"><div id="edit-attributes-16-wrapper" class="form-item"> 
<label for="edit-attributes-16">Position: <span class="form-required">*</span></label> 
<select id="edit-attributes-16" class="form-select required" name="attributes[16]"><option selected="selected" value="">Please select</option><option value="32">Content</option><option value="33">Footer</option></select> 
</div> </div> 

<div class="attribute-17 odd"><div id="edit-attributes-17-wrapper" class="form-item"> 
<label for="edit-attributes-17">Anchor Text: <span class="form-required">*</span>: </label> 
<input type="text" class="form-text attribute" value="" size="60" id="edit-attributes-17" name="attributes[17]" maxlength="128"> 
</div> </div>

전 필드의 값이 자동 후자 필드의 값으로 입력됩니다

여기 내 HTML 마크 업입니다. 그게 내가 여기서하고 싶은 일이야.

출처

2012-11-26 xchampionx

아무것도 나는 단지 html을 가지고있다. 전체 대본이 필요해. 아마도 폼을 생성하는 페이지를 따라로드하는 것일 것입니다. – xchampionx

여기에있는 누군가가 코드를 작성하여 전체 스크립트를 제공 할 것으로 기대하십니까? 우리 모두는 우리의 직무로 인해 비용을 지불해야 할 필요가있었습니다. 특정 프로그래머 질문을하거나 개발자를 고용하십시오. – feeela

글쎄, 시작하는데 도움이된다. 단지 하나의 필드이기 때문에 10, 20 줄의 js 코드를 상상할 수 있습니까? 그러나 다시 나는 멍청이다. 오 잘 ... – xchampionx

선택란에 이벤트 수신기를 추가하고 해당 값을 텍스트 필드에 채워야합니다. 귀하의 HTML 좀 지저분 해 .. 그래서 난 그냥 일반 jquery을 작성합니다. 너는 그것으로 주변을 바이올린 수 있습니다.

본문이로드되면 바로이 이벤트 리스너를 설정해야합니다. 그래서 희망

function init() { 
    $("#selectListID").on("change", function(){ 
     var value = $(this).val(); 
     $("#inputFieldID").val(value); 
    };) 
}

당신의 HTML

<body onload="init()" id="stage" class="theme">

에와 자바 스크립트에서이 도움이됩니다.

출처

2012-11-26 18:49:23

jQuery가 필요합니다. OP가 이것을 알고 있다고 생각하지 않습니다. – Christophe

오오 .. 예 ... 내가 언급 했어야 할 수도 있습니다. :디 –

<label for="edit-attributes-16">Position: <span class="form-required">*</span></label> 
<select id="edit-attributes-16" class="form-select required" name="attributes[16]" onchange="document.getElementById('attributes-16-text').innerHTML=document.getElementById('edit-attributes-16').value;"> 
<option selected="selected" value="">Please select</option><option value="32">Content</option> 
<option value="33">Footer</option> 
</select> 
<div id="attributes-16-text"> </div>

라이브 데모 : http://jsfiddle.net/C7pnj/1/

의 핵심은 사용자의 동작을 감지 할 onchange를 이벤트 처리기을 사용하는 것입니다.

"-"를 사용하지 않는 것이 좋습니다.

피씨 : 다른 사람들이 지적했듯이,이 포럼의 목적은 여러분을 돕기위한 것이지, 모든 일을 돕는 것이 아닙니다.

출처

2012-11-26 18:50:34 Christophe

다른 필드의 값을 기반으로 필드 자동 채우기

답변

관련 문제