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

Question

如何使我的選擇同時成為輸入表單？

我希望它具有例如0.01到10.00的選項，並確保它具有2個小數

我怎樣才能使其在jquery中工作？

Answer 1

聽起來您需要具有一些驗證的組合框。 看看： http : //jqueryui.com/autocomplete/#combobox

Answer 2

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

Answer 3

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

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

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

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

問題描述

3 個解決方案

解決方案1
3 2013-02-26 09:32:45

解決方案2
1 2013-02-26 09:34:27

解決方案3
1 已采納 2013-02-26 09:48:27

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

問題描述

3 個解決方案

解決方案1 3 2013-02-26 09:32:45

解決方案2 1 2013-02-26 09:34:27

解決方案3 1 已采納 2013-02-26 09:48:27

解決方案1
3 2013-02-26 09:32:45

解決方案2
1 2013-02-26 09:34:27

解決方案3
1 已采納 2013-02-26 09:48:27