Question

我搜索了我的* ss，但无法在线找到答案或自己编写正确的代码。我确实设法让它在jQuery中工作，但我需要使用YUI 2.7。

我想做什么？获取下拉菜单的选定值并将其写入另一个表单字段。

这适用于jQuery：

function displayVals() {
 var subjectValue = $("select").val();
 var subjectName = $("select option[value='"+subjectValue+"']").text()
// set the value of another form field  
$("#TextInput_subject").val("Technische ondersteuning > " + subjectName);
}

$("#SelectionInput_reason").change(displayVals);
displayVals();


// the select menu we are trying to get the selection from..
<select id="SelectionInput_reason">
<option value="">--</option>
<option value="27" name="Televisie" >Televisie</option>
<option value="28" name="Internet" >Internet</option>
<option value="29" name="Mobiel Internet" >Mobiel Internet</option>
<option value="30" name="Telefonie" >Telefonie</option>
<option value="47" name="Horizon" >Horizon</option>
<option value="48" name="Online TV" >Online TV</option>
</select>

这是我在YUI中获得的，我只获得所选选项的ID：

getValue = function(e) {
var selectedValue = this.value;
alert(selectedValue); 
} 

YAHOO.util.Event.addListener("SelectionInput_reason", "change", getValue);

我真的无法再进一步了，这真的令人沮丧！希望有人能指出我正确的方向。

Answer 1

查看.options元素的.selectedIndex和<select>属性。

getValue = function() {
    var selectedValue = this.value;
    var selectedText = this.options[this.selectedIndex].getAttribute('value');
    alert(selectedValue); 
    alert(selectedText); 
}

测试：http://jsfiddle.net/smHRg/

Answer 2

请你试试看是否有帮助...

var selectedValue = this.get('value');

获取所选选项的值

2 个答案: