What is the best way to submit disabled inputs as part of a jQuery Ajax request? [duplicate]

后端未结

关注

 5  680

北恋

相关标签:

5条回答

刺人心

2021-02-05 10:18

To send the disabled value to the backend using .serilize() through a form submit using jQuery to Ajax, it is:

<HTML>
    <HEAD>
        <script>
            $(document).ready(function(){
                $("#submid").click(function() { // loginForm is submitted
                    $('#ayyappa').removeAttr('disabled');
                    $.ajax({
                        url: "urls",
                        data:{
                            "sel_opt": $("#ayyappa").attr("value"),
                        }

                    }); // Ajax
                    $("#Number").attr("disabled", "disabled");
                }); // Click
            });
        </script>
    </HEAD>

    <BODY>
        <input type='text' id="ayyappa"  name='ayyappa' value="ayyappa" disabled>
    </BODY>
</HTML>

0 讨论(0)

無奈伤痛

2021-02-05 10:30
If your server accepts JSON, you can create a JSON object with jQuery (use jQuery select statements to include the necessary input tags), then send it to the server as an object - more information here: http://encosia.com/2009/04/07/using-complex-types-to-make-calling-services-less-complex/.

Basically, do something like this:
```
var formInputs = { };

$('input[type=text]').each(function() {
  formInputs[this.id] = this.value;
});
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

北恋

2021-02-05 10:32

Try doing something like this to serialize the form:

   $(function() {
      $('input[type=button]').click( function() {
          var form = $('form').serialize();
          $('input[disabled]').each( function() {
              form = form + '&' + $(this).attr('name') + '=' + $(this).val();
          });

      });
   });

Test HTML

<form action="/action">
   <input type='text' disabled='disabled' value='hey' id='hey' name='hey' />
   <input type='text' value='ho' id='ho' name='ho' />
   <input type='text' value="hi" id='hi' name='hi' />
   <input type='button' value="Serialize" />
</form>

Output

ho=ho&hi=hi&hey=hey

0 讨论(0)

不要未来只要你来

2021-02-05 10:32

Well another option is to simply add a hidden field with the value you wan't posted to the server.

Remember to use a different (dummy) id for the tag that you disable to avoid any conflict.

0 讨论(0)
发布评论:

提交评论
- 加载中...
挽巷

2021-02-05 10:34
Parts of the form may be disabled due to form "business logic" of the inputs

You can use "readonly" attribute to disable those input fields. Do like this:
```
<input type="text" readOnly="readOnly" />
```
The readonly attribute specifies that an input field should be read-only. A read-only field cannot be modified. However, a user can tab to it, highlight it, and copy the text from it.

from: HTML input readonly Attribute

A read-only field also can be submitted to server as query string.
0 讨论(0)
发布评论:

提交评论
- 加载中...

热议问题