使用 javascript 从屏幕上的值填充文本框

Question

如何使用以下代码中的值：

 <html:select property="state" > 

 <html:option value="0">Select State</html:option> 

 <html:optionsCollection name="InputForm" property="stateList" label="label" value="value" /> 

 </html:select>

使用 javascript onchange 事件为状态选择的任何值填充文本框？例如，如果德克萨斯州是选定的州，我希望德克萨斯州写入文本框中，如果我将值更改为科罗拉多州，我希望科罗拉多州和德克萨斯州都显示在文本框中。我目前在文本框中得到一个未定义的值。我正在使用以下 JavaScript 代码：

   function displayState(obj, state) {
    var theId = obj.id.substring(obj.id.indexOf('_') + 1);        
    var text = document.getElementById('text' + '_' + theId);
    var textVal = text.value;

    var stateSelect = document.getElementById('stateCode' + '_' + theId);
    var stateSelectStr = new String(stateSelect.value);
    var stateSelectSplit = stateSelectStr.split(',');
    var stateSelectValue = stateSelectSplit[0];
    var stateSelectLabel = stateSelectSplit[1];

    if (stateSelectValue == '51') {
            stateSelectLabel = '';
    }
    if (stateSelectValue != '00') {
            textVal = textVal != '' ? eval('text.value=\'' + textVal + ', '
                            + stateSelectLabel + '\'')
                            : eval('text.value=\'' + stateSelectLabel + '\'');
    }

  } 

Answer 1

首先，开始使用 jQuery（或等效的），它会让你的生活更更轻松。其次，为什么要使用 eval？您已经有了文本元素；只需构建适当的字符串并设置值即可。 请参阅此处的示例。

但是，再一次，使用一些东西像 jQuery 一样，这件事变得简单得可笑——我不建议使用库来进行像这样的简单 DOM 操作。

请参阅此处了解原始 JS 和 JQ 之间的比较。