Jquery console.log 및 이름이 작동하지 않습니다.

Question

<select> 요소 이미지를 jquery로로드하려면 plugin을 사용하고 있습니다. 즉, 이름이 새 코드의 <input> 요소로 전송되지 않으므로 주변의 양식을 제출할 수 없습니다.

<select id="itemselect1" name="item1"> 
    <option>1</option> 
    <option selected>2</option> 
    <option>3</option> 
</select> 
<select id="itemselect2" name="item3"> 
    <option>A</option> 
    <option>B</option> 
    <option selected>C</option> 
</select> 

속으로 : (나는 그것을 조금 간체)

<div id="itemselect1" name="item1" class="dd-container"> 
    <div class="dd-select"> 
     <input class="dd-selected-value" value="2" type="hidden"> 
    </div> 
</div> 

<div id="itemselect2" name="item2" class="dd-container"> 
    <div class="dd-select"> 
     <input class="dd-selected-value" value="C" type="hidden"> 
    </div> 
</div> // the list continues 

그래서 내가 위에 이름을 전송하기 위해이 방법을 시도 :

var list = { 
    "itemselect1": "item1", 
    "itemselect2": "item2", 
    "itemselect3": "item3", 
    "itemselect4": "item4", 
    "itemselect5": "item5", 
    "itemselect6": "item6" 
}; 
$.each(list, function(key, value) { 
    $("#"+ key).children().children("input.dd-selected-value").attr("name", value); 
    console.log(key); 
    console.log(value);  
    console.log($("div#"+ key).attr("name")); // To diagnose why it isnt working 
}); 

플러그인이 코드를 전환

그리고 콘솔은 단지 읽습니다 :

itemselect1 (index):32 
item1 (index):33 
undefined (index):34 
itemselect2 (index):32 
item2 (index):33 
undefined (index):34 

플러그인을 사용하거나 관계없이 이름이 어떻게 든 첨부되지 않습니다. 도와주세요, 고마워요.

Answer 1

jquery에서 find()을 사용하십시오. 당신은 입력 name 속성을 할당했지만 당신이 인쇄하고 부모 사업부 이름을 확인하여 undefined를 제공합니다.

$.each(list, function(key, value) { 
    $("#"+ key).find(".dd-select input.dd-selected-value").attr("name", value); 
    console.log($("#"+ key).find("input.dd-selected-value").attr("name")); 
});