변경 선택 필드에서 jQuery 입력 텍스트 필드 채우기

각 선택 필드의 값을 이름 선택기 또는 ID로 가져 와서 해당 값을 이름 선택기 또는 ID로 다시 입력 텍스트 필드에 입력하고 싶습니다.변경 선택 필드에서 jQuery 입력 텍스트 필드 채우기

0부터 ++까지 카운트 할 수있는 id 끝의 0에 주목하십시오. 이 선택 필드의 값을 값 변경시 입력 텍스트 필드에 입력하려고합니다.

<select name="option_tree[orn_category_background][0][orn_cat_bg_select]" id="orn_category_background_orn_cat_bg_select_0" class="option-tree-ui-select "> 

<input type="text" name="option_tree[orn_category_background][0][title]" id="orn_category_background_title_0" value="VALUE FROM SELECT HERE" class="widefat option-tree-ui-input option-tree-setting-title">

출처

2014-01-21 Jeton R.

당신의 jQuery 셀렉터를 사용할 수 있습니다, 같은 수행

$("select[id^='orn_category_background_orn_cat_bg_select_']").change(function() { 
    var $this = $(this), 
    idNum = $.attr("id").split("_").pop(); //get the last num 0, 1, etc 
    $("input[id='orn_category_background_title_"+idNum+"']").val($this.val()); 
});

데모 : 여기

출처

2014-01-21 02:57:40

나는 document.ready에서 이것을 호출하고이 오류를 알려 주었다. '잡히지 않은 TypeError : 객체 함수 (e, t) {return new x.fn.init (e, t, r)}에는 'split' ' –

@ JetonR. 내 대답에 언급 된 바와 같이 jsfiddle에서 제대로 작동하는 것 같습니다 때문에 문제의 코드를 게시 할 수 있습니다 ..! –

WordPress의 관리자 패널에서 옵션 트리 플러그인으로 사용하고 있습니다. 이 작업에는 jQuery 이외의 것이 필요합니까? –

jsFiddle 당신이 당신의 요구에 맞출 수있는 간단한 방법입니다.

HTML 파트

<select name="option_tree[orn_category_background][0][orn_cat_bg_select]" id="orn_category_background_orn_cat_bg_select_0" class="option-tree-ui-select getOption"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 
<input type="text" name="option_tree[orn_category_background][0][title]" id="orn_category_background_title_0" class="widefat option-tree-ui-input option-tree-setting-title returnValue">

jQuery를 부

$('.getOption').change(function() { 
    $("select option:selected").each(function() { 
     $('.returnValue').val($(this).text()); 
    }); 

});

당신의 HTML 요소에 새 클래스를 추가해야합니다.

출처

2014-01-21 03:18:48 Geo

변경 선택 필드에서 jQuery 입력 텍스트 필드 채우기

답변

관련 문제