Html select 事件改变标签值

htmlselectjavacriptonchange

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<script>
var st = [];
function changetip(s) {
  if(st.length == 0) {
    var el = s.parentNode;
    while(el.nodeName != 'TR') {
      el = el.parentNode;
    }
    el = el.parentNode.rows[el.rowIndex + 1];
    st.push(el.cells[0]);
    st.push(el.cells[0].innerHTML.replace(/\*/g, ''))
  }
  st[0].innerHTML = st[1] + s.options[s.selectedIndex].text;
}
</script>
<table>
<tr>
            <td >
            <select name="searchway" onchange="changetip(this)">
               <option value=0>商品</option>
               <option value=1>号码</option>
               <option value=2>店名</option>
               <option value=3>姓名</option>
               <option value=4>地址</option>
             </select>
            </td>
          </tr>
          <tr>
              <td>请输入条件*****</td>
          </tr>
          <tr>
             <td><input type="text"  id="keywords" name="textfield"/></td>
          </tr>
          <tr>
              <td > <input type="submit" name="Submit" value="    查询   " /></td>
          </tr>
</table>
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
  <meta charset="utf-8">

  <title>JS Bin</title>
  <script>
    function changetip(value){
      var _td = $("table tr:eq(1) td:nth-child(1)");
      if (value == 0){
        _td.html("请输入商品");
      }
      if (value == 1){
        _td.html("请输入号码");
      }
      if (value == 2){
        _td.html("请输入店名");
      }
      if (value == 3){
        _td.html("请输入姓名");
      }
      if (value == 4){
        _td.html("请输入地址");
      }

    }
  </script>
</head>
<body>
  <table>
<tr>
            <td>
            <select name="searchway" onchange="changetip(this.value)">
               <option value=0>商品</option>
               <option value=1>号码</option>
               <option value=2>店名</option>
               <option value=3>姓名</option>
               <option value=4>地址</option>
             </select>
            </td>
          </tr>
          <tr>
              <td>请输入条件*****</td>
          </tr>
          <tr>
             <td><input type="text"  id="keywords" name="textfield"/></td>
          </tr>
          <tr>
              <td > <input type="submit" name="Submit" value="    查询   " /></td>
          </tr>
  </table>
</body>
</html>
http://jsbin.com/gufakubexehi/2/edit

Html select 事件 改变标签值

解决方案 »

Html select 事件改变标签值