javascript - 如何访问文本框的值

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为 none 因为我想隐藏select box并放置 atext box而不是它，并且由于前面有一个非常复杂的代码而无法完全删除它

我有一个脚本，我在其中进行了更改

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

我做了一些改变，但它不起作用。

请告诉我怎样才能使idMethodSelTxt价值成为idMethodSel selcted价值。

Answer 1

您可以使用 jQuery 来做到这一点，这非常简单，您只需要从jQuery下载 jQuery 库， 包括它并使用下面的代码

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

Answer 2

试试下面的代码

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>

Answer 3

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

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