0

フォーム要素の値をデフォルトのテキスト (title 属性で設定) と比較しようとしています。VALUE == TITLE の場合、値を長さ 0 の文字列に変更します。しかし、私はそれを機能させることができないようです。Javascript と jQuery の経験が不足しているだけだと確信しています。どうもありがとう。

HTML

<form name="results-form" id="results-form">

    <input type="text" name="price-min" class="form-textbox-small no-radius defaultText" data="Minimum" title="Minimum" onchange="UpdateSearch()">

    <input type="text" name="price-max" class="form-textbox-small no-radius defaultText" data="Maximum" title="Maximum" onchange="UpdateSearch()">

</form>

Javascript

function updateSearch(){
    $.each($("#results-form").serializeArray(),function(){
        console.log("value: "+this.value+"     data: "+this.data+"     title: "+this.title);
       if(this.value == this.title){

          this.value = '';

       }

    });
    var FormData = $("#results-form :input[value!='']").serialize();
    console.log(FormData);
    $(".defaultText").blur();
}

$(document).ready(function () {


    $(".defaultText").focus(function (srcc) {
        if ($(this).val() == $(this)[0].title) {
            $(this).removeClass("defaultTextActive");
            $(this).val("");
        }
    });

    $(".defaultText").blur(function () {
        if ($(this).val() == "") {
            $(this).addClass("defaultTextActive");
            $(this).val($(this)[0].title);
        }
    });

    $(".defaultText").blur();
});

コンソール出力

value: 3     data: undefined     title: undefined 
value: Maximum     data: undefined     title: undefined
4

1 に答える 1

2

これを試して：

var arr = $("#results-form").serializeArray();

$.each(arr, function (i, input) {

    var value = input.value;
    var $elem = $("[name='" + input.name + "']");
    var data = $elem.attr('data');
    var title = $elem.attr('title');

    console.log("value: " + value  + "     data: " + data  + "     title: " + title );

    // You can process the parameters here now
});
于 2013-04-24T20:03:17.217 に答える