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

我該如何讓我的選擇也是同時提交的輸入表單？同時選擇+文本輸入表單字段？

我希望它有例如0.01選項10.00 並且也確保它有2位小數

我怎樣才能使它在jQuery的工作嗎？

2013-02-26 DanR

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

<!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

這聽起來像你需要一個組合框與一些驗證。看一看：http://jqueryui.com/autocomplete/#combobox

來源

2013-02-26 09:32:45 mockaroodev

你可能需要一個微調，而不是一個選擇框：http://jqueryui.com/spinner/#decimal

來源

2013-02-26 09:34:27 mcryan

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

回答

相關問題