javascript - 如何在WordPress中使用PHP自动将选项中的值发布到输入值

Question

<script type="text/javascript">
function changeValue(){
var option=document.getElementById('category').value;

if(option=="$category"){
        document.getElementById('title').value="<php echo $category;?>";
}
    else {
        donothing
    }

}
</script>

<select name="category" id="category" class="cat">
<option class="level-0" value="86" selected="selected">Op1</option>
<option class="level-0" value="93"> Op 2</option>
<option class="level-0" value="125"> Op 3</option>
</select>

<label for="title"><?php _e('Title', 'variable'); ?> <span title="required">*    </span></label> <input type="text" class="text" name="title" id="title" value="//Here is the thing I do not know what to put here”?>" />

您好，每个人：

我阅读了另一篇文章，并提出了一种方法，一旦从一个选项中选择一个人，该选项的名称就会自动填充标题输入字段的值。我怎样才能做到这一点？我尝试了很多次，但是echo却失败了。请帮忙！

谢谢

已清除，但下面有更多更新问题---------------------------------------
我似乎无法获得适用于我的表单的脚本。
我尝试通过写入插入脚本：

<?php
//( I put the function script into a separated .js file, only function itself is included in the .js file)
echo '<script type="text/javascript" src="autocat.js">';
echo '</script>';
?>

上面的代码到我的PHP文件中，生成了表单。

我尝试在form标签开始之前将其插入，但似乎根本无法工作...您知道可能是错误的吗？ Chrome表示脚本状态已取消。

为了澄清，
下面的代码在autocat.js内部：

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

Chrome浏览器还报告：

无法加载资源：服务器对我的autocat.js文件的状态为404（未找到）的响应

更新
我清除了上面的错误，但是现在代码可以，但是当我触发表单时，似乎onChange没有运行...可能是因为表单在PHP生成表单之前先解析了JavaScript吗？

谢谢

Answer 1

看来您对php和javascript有点困惑。表单对象之间的交互只能使用javascript完成。如果您需要来自php文件的更多数据，请使用AJAX调用。为了使其简单，请执行此操作。希望能帮助到你。

的HTML

<select name="category" id="category" class="cat" onChange="changeValue(this.value)">
<option class="level-0" value="86" selected="selected">Op1</option>
<option class="level-0" value="93"> Op 2</option>
<option class="level-0" value="125"> Op 3</option>
</select>

<label for="title">
    <span title="required">*</span>
</label>
<input type="text" class="text" id="title" name="">

的JavaScript

function changeValue(val){
    document.getElementById('title').value = val;
}

工作实例

http://jsbin.com/onosex/1/edit

编辑

要获取选项标签值（文本，html，无论您叫什么），请使用此选项。

现在，onChange部分传递对象本身而不仅仅是值

的HTML

<select name="category" id="category" class="cat" onChange="changeValue(this)">
<option class="level-0" value="86" selected="selected">Op1</option>
<option class="level-0" value="93"> Op 2</option>
<option class="level-0" value="125"> Op 3</option>
</select>

<label for="title">
    <span title="required">*</span>
</label>
<input type="text" class="text" id="title" name="">

的JavaScript

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

工作实例

http://jsbin.com/onosex/3/edit