Question

我的页面上有一个DropDownList和Textbox。

DropDownList动态地从数据库中提取数据。

我希望当我从下拉列表中选择任何项目时，它应该立即显示在文本框内。

怎么做???

Answer 1

这是一个解决方案......使用javascript

<select id="select" onchange="return getValue();">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
<input type="text" name="textbox" id="textbox">

<script type="text/javascript">
function getValue()
{
var e = document.getElementById("select");
var str = e.options[e.selectedIndex].value;
document.getElementById("textbox").value = str;
}
</script>

Answer 2

Jquery方式

HTML CODE：

  <select id="select" name="ddlb">
   <option value="1" selected='selected'>option 1</option>
   <option value="2">option 2</option>
   <option value="3">option 3</option>
  </select>
  <input type="text" name="textbox" id="txt">

JQUERY CODE：

  $('#select').on('change', function () {
     $('#txt').val($('#select option:selected').val());
  });
  $('#txt').val($('#select option:selected').val());

现场演示：

http://jsfiddle.net/PfBFS/2/

快乐编码：）

我有一个动态下拉列表和文本框添加

2 个答案: