如何访问文本框的值

Question

我有以下一段代码。

<td class='clsTblCell5' valign=top>
<select id='idMethodSel' class='clsTargetSel' style='width:220px; display:none ' Size=1    onchange='mtdAttachDlg("MtdAttach")'>
</select>
<table class='clsTblCellTI' style='border:1px solid #7f9db9;'>
<tr>
<td id='idMEthodSelTxt' style='width:210px; height:12px; padding-left:2px; padding-right:2px;border-style:none;'>
</td>
</tr>
</table>
</td>

我将select box的显示保持为空，因为我想隐藏select box并放置一个text box而不是它，并且由于前面有非常复杂的代码，因此无法将其完全删除

我有一个脚本可以在其中进行更改

var a =idMethodSel.[options].innerHTML;
idMethodSelTxt.innerHTML=a;

我做了几处更改，但是没有用。

请告诉我将idMethodSelTxt值设置为idMethodSel selcted值的方式。

Answer 1

使用Javascript，尝试以下代码来获取idMethodSel的选定值，并将其分配给idMethodSelTxt文本框。

var a =document.getElementById("idMethodSel").value;
document.getElementById("idMethodSelTxt").value=a;

Answer 2

您可以通过使用jQuery做到这一点，这非常简单，只需从jQuery下载jQuery库即可，并使用以下代码

 $('#idMethodSel').change(function(){
    var a = $(this).val();    
    $('#idMethodSelTxt').html(a);
    $('#idMethodSelTxt').html(a);
    $('#idMethodSel').hide();
   $('#idMethodSelTxt').show();
});

Answer 3

尝试blelow代码

function mtdAttachDlg(){

     var selBoxObj=document.getElementById("idMethodSel");
    //assign selected value to text box
     var selValue = selBoxObj.options[selBoxObj.selectedIndex].text;
     document.getElementById("idMethodSelTxt").value=selValue;

    //hide select box    
    selBoxObj.style.display="none";

    //show text box    
     document.getElementById("idMethodSelTxt").style.display="block";
}
</script>