Question

我想实现的是课程下拉框选中一个值后，在课程名称输入框中显示这个默认名,但是下拉选项框选中的值怎么获?

我想实现的是课程下拉框选中一个值后，在课程名称输入框中显示这个默认名。现在kc.js里面document.getElementById("new_form:kcmcc").value可以得到，但是下拉选项框选中的值怎么获得？
kc.xhtml
<h:form id="new_form" style="text-align:center">
<p:row>
<p:column>课程：</p:column>
<p:column>
<p:selectOneMenu id="add_kcm" value="#{KcsjCtrl.newkcsj.kcm}"
style="width: 150px;text-align:left">
<f:selectItems value="#{dict.getDict('ZXXKC')}" var="c"
itemLabel="#{c.dictname}" itemValue="#{c.id}">
</f:selectItems>
</p:selectOneMenu>
</p:column>
<p:column>课程名称：</p:column>
<p:column>
<p:inputText id="kcmcc" value="#{KcsjCtrl.newkcsj.kcmc}" style="width:142px;text-align:left"
maxlength="50" required="true" requiredMessage="课程名称不能为空！"
validatorMessage="课程名称长度不得大于50" onfocus="kcmc()">
</p:inputText>
</p:column>
</p:row>
</form>
kc.js
function kcmc() {
document.getElementById("new_form:kcmcc").value = this.value;
已经解决：document.getElementById("new_form:kcmcc").value = document.getElementById("new_form:add_kcm_label").innerHTML;

Answer 1

刚刚发现公司能提交答案，所以现在回答你下。。。

你的页面中selectOneMenu改成下面这样(其他属性我没写，这样你比较容易看懂)
<p:selectOneMenu id="add_kcm" value="#{KcsjCtrl.newkcsj.kcm}" onchange="kecheng(this)">
<f:selectItems value="#{dict.getDict('ZXXKC')}"/>
</p:selectOneMenu>

然后js里面你这么写
function kecheng(obj){
var kechengming= obj.value;//获取到选中的值
}

当然，你方法名字你可以自己定义。理论来说这样就能获取到值了。不行或者有问题再问我~

追问

我自己已经解决好了，谢谢！

Answer 2

document.getElementById("new_form:kcmcc").value = document.getElementById("new_form:add_kcm_label").innerHTML;

Answer 3

这个问题很复杂