下拉框中的值，怎么显示在下面的文本框里面

下拉框中的值，如何显示在下面的文本框里面
比如我选中下拉框中的一个值，比如是语文
在下面两个文本框里面分别显示
第一个文本框显示yuwen
第二个文本框显示语文
请问这个应该如何去写

------解决思路----------------------
汉字的拼音你应该首先就得设定好了，而不能在前端进行计算，究竟怎么把汉子转成拼接我就不陈述了，因为我也不知道。下面说说怎么把实现你的选择功能。

select标签有change事件，当你切换下拉框的值的时候，会触发这个事件。下面是HTML的简单的结构：

<div>

        <select id="project">

            <option value="" spell="yuwen">语文</option>

            <option value="" spell="shuxue">数学</option>

            <option value="" spell="yingyu">英语</option>

            <option value="" spell="wuli">物理</option>

        </select>

        <input type="text" id='spell'>

        <input type="text" id='protext'>

    </div> 

change事件我是用jQuery实现的：

$('#project').change(function(){

        var $option = $(this).children("option:selected");


        $('#spell').val($option.attr('spell'));

        $('#protext').val($option.text());

    })

------解决思路----------------------
$("#q12").change(function(){
var val=$("#q12 option:selected").text();
$(".wwe").attr("value",val);
});