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 回答