2016-08-22 2 views
0

사용자 선택에 따라 입력 값을 변경하고 싶습니다. 여기jquery를 통한 선택 기준 입력 값 변경

 <input type="number" class="minimum" name="minimum" /> 
        <div>0</div> 
        <div onclick="update('minimum')">$50,000</div> 
        <div>$100,000</div> 
        <div>$250,000</div> 
        <div>$500,000</div> 
        <div>$1,000,000</div> 
        <div>$10,000,000</div> 

I는 사용자가 div가 변경 될 입력 값을 클릭함으로써 값을 선택할 수 최소 명명 된 입력을 갖는다.

이 함수는 '있는 그대로'div를 클릭하면 입력 값을 업데이트합니다.

 function update(field){ 
     $('input[name=minimum]').val('50000'); 

    } 

내가 원하는 것은 모든 div에서 사용할 수있는 유연성입니다. 최소이 필드 값으로 대체된다

는 [NAME = 최소]은 함수로 전달된다.

val ('50000') 여기서 은 div 발생 값으로 대체됩니다.

이게 가능합니까?

+0

왜 함수가'field' 인수를 사용하지 않습니까? – Barmar

답변

0

은 인라인 이벤트 핸들러를 제거하고 대신 사용

$(document).ready(function() { 
    $('div').click(function() { 
    $('input[name=minimum]').val(parseInt($(this).text().replace(/[^0-9\.]+/g,""), 10)) 
    }) 
}); 

jsFiddle example

이 텍스트 문자열을 사용하고 입력에 사용하는 숫자로 변환합니다. 페이지의 모든 div를 대상으로하므로 $('div')보다 구체적인 선택기를 사용하는 것이 좋습니다.

+0

'$'와','문자를 값에 넣기 전에 HTML에서 제거해야합니다. – Barmar

+0

@Barmar - 업데이트 됨 – j08691

0

친구가 내가 잘못하고있는 것을 보여주었습니다.

 function update(field){ 

     $('input[name=' + field + ']').val('50000'); 
     //alert (field); 
    } 

이제는 (.) 대 (+)를 사용하고 있습니다.