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

尝试以下代码

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>

如何访问文本框的值

3 个答案: