1. 首頁
  2. 問答
  3. 同時選擇+文本輸入表單字段？

同時選擇+文本輸入表單字段？

2013-02-26 86 views

回答

1

我可以給你的代碼，這將選擇一個選項，並自動生成文本框的輸入類型和插入選定值被表單使用。這是一個經過測試的代碼。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <title>test select</title> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

    <script> 
     $(document).ready(function() { 
      $('#pickValue').change(function() { 
       var x =$(this).find('option:selected').text(); 
       if($('#myval').length == 0) 
        $('#showData').append('<input type="text" name="myval" id="myval" value="'+x+'" >'); 
       else 
        $('#myval').replaceWith('<input type="text" name="myval" id="myval" value="'+x+'" >'); 
      }); 
     }); 

    </script> 
</head> 
<body> 
    <form action='xyz.php' method='get'> 
     <div id='showData'> 
      <select id='pickValue'> 
       <option>Pick value</option> 
       <option value='0.1'>0.1</option> 
       <option value='0.2'>0.2</option> 
       <option value='0.3'>0.3</option> 
      </select> 
     </div> 
    </form> 

</body> 
</html>

我附上了完整的代碼，您可以根據需要使用它。

來源

2013-02-26 09:48:27

相關問題

 相關問題