Jquery를 사용하여 양식의 요소를 반복하십시오.

양식의 모든 요소를 반복 할 수 있습니까? 요소에 대한 업데이트가 발생하면 이름을 저장하려고합니다. 입력 형식에 대해 올바르게 작동하는 코드입니다. 하지만 난 선택 필드의 원하는 출력 incase 가져 오지 않았다. Jquery를 사용하여 양식의 요소를 반복하십시오.

<html> 
<form method="post" action="" id="basic_profile" class="basic_profile"> 
    <fieldset class="lang_content" dir="ltr" id="fieldset-en"> 
     <legend>English</legend> 
     <dl> 
      <dd> 
       <select id="cardtype" name="cardtype"> 
        <option value="debit-0.00-50.00">Debit1</option> 
        <option selected='selected' value="debit-0.00-50.00">Debit2</option> 
        <option value="debit-0.00-50.00">Debit3</option> 
        <option value="Credit-1.00-50.00">CreditCard</option> 
       </select> 
      </dd> 
      <dt id="business_name_en-label"><label class="optional" for="business_name_en">Profile Name/Business Entity Name</label></dt> 

      <dd id="business_name_en-element"> 
       <input type="text" value="New Tesr" id="business_name_en" name="business_name_en"> 
      </dd> <dt id="description_en-label"><label class="optional" for="description_en">Description</label></dt> 

      <dd id="description_en-element"> 
       <textarea cols="50" rows="4" id="description_en" name="description_en">new test description</textarea> 
      </dd> <dt id="contact_person_en-label"><label class="optional" for="contact_person_en">Contact Name</label></dt> 

      <dd id="contact_person_en-element"> 
       <input type="text" value="New test" id="contact_person_en" name="contact_person_en"> 
      </dd> <dt id="street_en-label"><label class="optional" for="street_en">Street</label></dt> 

      <dd id="street_en-element"> 
       <input type="text" value="" id="street_en" name="street_en"> 
      </dd> <dt id="area_en-label"><label class="optional" for="area_en">Area</label></dt> 

      <dd id="area_en-element"> 
       <input type="text" value="" id="area_en" name="area_en"> 
      </dd> 
     </dl> 
    </fieldset> 
    <input type="submit" value="Save" id="save" name="save"> 
</form> 

</html>

그리고 내 JQuery와는 다음과 같습니다 DEFAULTVALUE가 속성을 사용해보십시오

출처

2013-11-22 Prajila V P

당신이 시도 할 수 있습니다 입력/선택 태그.

$('#basic_profile').find(':input').each(function(){ 

    var defaultValue = $(this).prop('defaultValue); 
});

출처

2013-11-22 07:34:17

선택 필드 기본값과 선택한 값을 비교할 수있는 방법은 무엇입니까? –

나는 거기에 방법이 없다는 것, 당신이 필요로하는 것은 선택된 값을 어떤 변수에 저장하고 선택 값을 저장 한 값을 저장하는 것입니다 –

텍스트 영역 등의 선택,

$('#basic_profile').find(':input').each(function(){ 

});

이 모든 입력을 선택합니다 :

<script type="text/javascript"> 
$("#save").click(function() { 
    var info = ''; 
    $("#basic_profile dl dd ").each(function() { 
     if (this.defaultValue !== this.value) 
      if (info === '') 
       info += this.name; 
      else 
       info += ',' + this.name; 
    }); 

    alert(info); 
    $('#form_info').val(info); 
    return false; 

}); 
</script>

출처

2014-09-16 21:18:57

Jquery를 사용하여 양식의 요소를 반복하십시오.

답변

관련 문제