드롭 다운 목록에서 jquery 키 업

목록의 요소가 선택되면 'data-search'속성으로 검색 입력을 채 웁니다.드롭 다운 목록에서 jquery 키 업

<input type="text" name="search" value="" id="id_search" /> 
    <select id="cd-dropdown" class="cd-select"> 
        <option value="-1" selected>Choose your prize</option> 
        <option value="1" class="search-btn" data-search="camera">Camera</option> 
        <option value="2" class="search-btn" data-search="diamonds">Diamonds</option> 
        <option value="3" class="search-btn" data-search="spaceship">Spaceship</option> 

       </select>

LE :

나는이 마크 업을 작동 할 수있는 방법이 JQuery와 1.8.3 작동하지 않습니다 불행히도

$("#cd-dropdown").change(function() 
    { 
$("#id_search").val($("#cd-dropdown :selected").attr("data-search")); 
    });

하지만 : 나는 해결책을 찾았습니다 이 버전이 있습니까?

출처

2013-05-31 agis

키 업에서 어떻게 될 것으로 예상됩니까? –

_ "작동하지 않는다"_라고 말하면 문제가 될 수있는 것이 무엇인지 이해할 수 없으며 "최선을 다하여 빨리 해결하십시오"라고 말할 수 있습니다. :) –

죄송합니다, 내 질문에 편집했습니다 – agis

클릭 이벤트를 option 요소에 바인딩 할 수 없습니다. 옵션이 선택되면 이벤트를 트리거하고 싶습니다. 다음을 시도해보십시오.

$("#cd-dropdown").change(function() 
{ 
    $("#id_search").val($(this).data("search")); 
    $("#id_search").keyup(); 
})

출처

2013-05-31 09:06:20

나는 이것을 시도했지만 작동하지 않는다. 여기 [fiddle]이다. (http://jsfiddle.net/2A64P/) – agis

http://jsfiddle.net/2A64P/6/ 이것은 작동해야한다. ;) –

스 니펫에 따르면 버튼/클릭 가능한 요소가 없으므로 코드 search-btn이 (가) 코드가 작동하지 않습니다. 올바른 클래스 또는 식별자를 사용하도록 jQuery 선택기를 수정하면 click 이벤트가 처리됩니다.

작동하지 않는 키 업과 관련하여 나는이 경우에 수행 할 것으로 기대되는 것을 볼 수 없기 때문에이를 보증 할 수 없습니다. 버튼에 대한 이벤트 처리기를 호출하지만 그것에 대해 이야기하고 있습니다. 드롭 다운 목록은 질문을 거의 무의미하게 만듭니다.

출처

2013-05-31 08:57:12

목록에서 요소를 선택하면 'data-search'속성으로 검색 입력 내용을 채 웁니다. 여기는 내가 시도하고있는 것 [피들] (http://jsfiddle.net/2A64P/)입니다. – agis

드롭 다운 목록에서 jquery 키 업

답변

관련 문제