0

PHPによって生成された選択にonChangeトリガーを挿入しました。しかし、私の最終結果は、純粋な html および javascript 形式で完全に実行される onChange 関数に応答しません。onChange 関数が選択タグに正しく挿入されていることを確認するには、どうすればデバッグできますか?

ありがとうございました

より詳しい情報

これが実際の外観です

<p class="<?php if (get_option('jr_submit_cat_required')!=='yes') : echo 'optional'; endif; ?>"><label for="job_cat"><?php _e('Job Category', 'appthemes'); ?> <?php if (get_option('jr_submit_cat_required')=='yes') : ?><span title="required">*</span><?php endif; ?></label> <?php
        $sel = 0;
        if (isset($posted['job_term_cat']) && $posted['job_term_cat']>0) $sel = $posted['job_term_cat']; 
        global $featured_job_cat_id;
        $args = array(
            'orderby'            => 'name', 
            'exclude'            => $featured_job_cat_id,
            'order'              => 'ASC',
            'name'               => 'job_term_cat',
            'hierarchical'       => 1, 
            'echo'               => 0,
            'class'              => 'job_cat',
            'selected'           => $sel,
            'taxonomy'           => 'job_cat',
            'hide_empty'         => false
        );
        $dropdown = wp_dropdown_categories( $args );
       $dropdown = str_replace('class=\'job_cat\'id=\'job_term_cat\' >','class=\'job_cat\' onchange="changeValue(this)"><option value="">'.__('Select a category&hellip;', 'appthemes').'</option>',$dropdown);
    ?></p>
echo $dropdown;

そしてタイルはこちら

<p><label for="job_title"><?php _e('Job title', 'appthemes'); ?> <span title="required">*</span></label> <input type="text" class="text"  id="job_title" name="job_title" ></p>

そしてここにスクリプトがあります

function changeValue(obj){ document.getElementById('job_title').value= obj[obj.selectedIndex].innerHTML;
}

フッター内のスクリプトの場所

<p class=""><label for="cat">Category <span title="required">*</span></label> <select name="a_cat" id="a_cat" class="cat">
<option class="level-0" value="86" selected="selected">1 a</option>
<option class="level-0" value="93">2 b</option>
<option class="level-0" value="125">3 c</option>
</select>
</p>



<div id="footer">
<script type="text/javascript">
function changeValue(obj){ document.getElementById('title').value= obj[obj.selectedIndex].innerHTML;
}
</script>
</div>

上記は生成されたものとフッターですが、何か問題がありますか?

4

1 に答える 1

0

Firefox または Chrome では、イベントが呼び出されたconsole.log('rock on!')かどうかを確認するために使用できます。onChange

結果を表示するには、Firefox のFirebugまたは Chrome のコンソール エクスプローラーが必要です。

alert('here');または、コードが実行されるかどうかを確認するためだけに使用することもできます。

于 2013-01-15T18:09:11.640 に答える