点击选择多个选项

时间:2011-07-23 作者:tbm

我有一系列的选项,我希望用户能够批量更改。下面是我的代码示例。

当此选项选择更改时,

<label>Default author</label>
  <select name=\'default_author\' id=\'default_author\' class=\'\'>
    <option value=\'1\'>user 1</option>    
    <option value=\'5\'>user 5</option>
    <option value=\'4\'>user 4</option>
    <option value=\'6\'>user 6</option>
    <option value=\'2\'>user 2</option>
</select>
下面的这些选项也会更改。选择的选项与上面选择的选项相匹配。

<select name=\'post_author[0]\' id=\'post_author[0]\' class=\'\'>
    <option value=\'1\'>user 1</option>    
    <option value=\'5\'>user 5</option>
    <option value=\'4\'>user 4</option>
    <option value=\'6\'>user 6</option>
    <option value=\'2\'>user 2</option>
</select>

<select name=\'post_author[1]\' id=\'post_author[1]\' class=\'\'>
    <option value=\'1\'>user 1</option>    
    <option value=\'5\'>user 5</option>
    <option value=\'4\'>user 4</option>
    <option value=\'6\'>user 6</option>
    <option value=\'2\'>user 2</option>
</select>
我正在尝试使用jQuery来实现这一点。在将其放入WordPress之前,我在一个静态HTML页面上测试了我的代码,它可以正常工作。但当我把它移植到WordPress上的那一刻,我真的很茫然。这是我的。js文件。

jQuery(document).ready(function() {
 jQuery("#default_author").change(function() {
   selected = jQuery(\'#default_author\').val();
 alert(selected);
 });
 jQuery("#default_author").change(function() {
   selected = jQuery(\'#default_author\').val();
   jQuery("select[name^=\'post_author\']").attr(\'selectedIndex\',selected);
 });
});
是的,这里有两个更改函数,因为我想看看我是否真的得到了值。警报为我提供了正确的值。我对jQuery不太熟悉,在这方面我已经做了好几个小时了,我很惊讶我能做到这一点。

attr(\'selectedIndex\', value) 在WordPress中不工作?顺便说一下,使用WP 3.2.1。非常感谢大家对我的帮助。

1 个回复
最合适的回答,由SO网友:Milo 整理而成

这不是WordPress的问题,只是JS的问题。

这是:

jQuery("select[name^=\'post_author\']").attr(\'selectedIndex\',selected);
应为:

jQuery("select[name^=\'post_author\']").val(selected).attr(\'selected\',\'selected\');

结束

相关推荐

使用不带WP_AJAX的jQuery的AJAX请求

我尝试用完整的ajax(html5网站)创建一个网站。我使用jquery和innerShiv(用于ie)。例如,我想加载页面“section”标记的所有内容。当我使用该脚本时,它可以完美地工作: var link = \'http://ajax.wuiwui.net\'; $(\'#new\').load(link + \' #contenu\'); 但是当我使用这个时,我找不到没有进入wordpress循环的元素。。。 $.ajax({ url: link,&