JavaScript 또는 JQuery를 사용하여 사용자 클릭 시뮬레이션

어제 저는 stackexchange에서 질문을했고 Sean과 A. Wolff는 이미 내가 묻는 것에 대해 만족스러운 대답을했습니다. The link is here 문제는 드롭 다운 메뉴 상단에 오버레이가있어 변경되지 않으면 보이지 않게하는 것이 었습니다. 오버레이를 제거하고 효과가있었습니다.JavaScript 또는 JQuery를 사용하여 사용자 클릭 시뮬레이션

오늘도 프로젝트에 대한 작업을 계속했고, 내가 물어 본 질문과 답변이 내가 원하는 것을 정확하게 깨닫지 못했습니다. 내가 원한 것은 정확한 사용자 클릭을 원합니다. 즉, 목표를 달성하는 동안 페이지에서 클래스 나 요소를 제거해서는 안됩니다.

다음은 미니멀리스트 코드입니다. 드롭 다운 메뉴가 있으며 메뉴에서 "Bedrag"를 선택하면 드롭 다운 옆에 텍스트 상자가 열립니다. JQuery 나 JS를 사용하여 "Bedrag"를 어떻게 선택할 수 있습니까? 삭제할 요소 나 클래스 등은 없습니다. 드롭 다운에서 항목을 선택하고 신호를 트리거해야합니다. 나는 이것으로 많은 것을 시도해 왔지만 그것은 너희들의 도움 없이는 내가 할 수없는 요점으로 끓어 버렸다. http://jsfiddle.net/so0h96ns/1/

드롭 다운의 코드는 다음과 같습니다 :

는

<div data-custom-select class="select-price "> 
    <label for="price" data-label-hide class="has-hidden-label">Selecteer prijs</label> 
    <select name="adv.bedragplaats" id="price" class="price-field" data-price data-set-as-required > 
    <option value="">Kies...</option> 
    <option value="&lt;amount&gt;" >Bedrag</option> 
    <option value="gratis" >Gratis</option> 
    <option value="ruilen" >Ruilen</option> 
    <option value="teab" >Prijs overeen te komen</option> 
    <option value="nvt" >Niet van toepassing</option> 
    </select> 
</div>

출처

2014-12-07 Dundar

이 여기에 바이올린 http://jsfiddle.net/orchid1/vtrsgLnr/1/

출처

2014-12-07 19:46:13

안녕 에드거는 세 부분으로

 //first assign the change event which opens the box on the side $('.price-field').on("change", function() { if ($(this).val() === "<amount>") { console.log("the amount option has been selected now open THE BOX"); } }) //then select the bedrang .find('option[value="<amount>"]') //then trigger the change event to open the box .attr("selected", true).trigger("change");

의 다음

는 코드입니다. 귀하의 시간과 답장을 보내 주셔서 감사합니다. 그러나 코드를 실행하면 "Bedrag"가 선택되지 않습니다. 내가 뭔가 잘못하고 있는거야? – Dundar

여기가 jsfiddle입니다. http://jsfiddle.net/orchid1/wLeuuxbe/ –

다시 한번 감사 드리지만 위의 텍스트에서 언급 한 문제로 다시 돌아갑니다. 귀하의 예에서, 당신은 고립 된 발췌 문장을 취했습니다. 그러므로 당신은이 오버레이가 없습니다. 코드를 사용해도 드롭 다운 값을 설정하지 않습니다. 글쎄, 그렇긴하지만 분명히 배경에있다. 내 실제 질문은 .find ('option [value = ""]') '를 사용하여 항목 값을 설정 한 후 올바른 신호를 트리거하는 방법입니다. 분명히 .attr ("selected", true) .trigger ("change"); 하지 않습니다. 여기 내 코드가있다. http://jsfiddle.net/so0h96ns/3/ 내가 말하는 것에 동의 하는가? 감사. – Dundar

JavaScript 또는 JQuery를 사용하여 사용자 클릭 시뮬레이션

답변

관련 문제