在其他文本中写入时更改一个文本框的文本

时间:2013-06-05 10:53:21

标签: php javascript jquery html ajax

是否有可能在一个文本框中插入尼泊尔日期时将更改为eng日期并在其他文本框中显示而不刷新任何页面?

我有一个关于PHP的函数,它将nep date更改为eng,反之亦然我只是希望在任何人在其他文本框上插入nepali日期时在特定文本框上运行

我打电话给我改变日期的功能是

PHP函数

NepToEng()

EngToNep()

HTML元素

<input type="text" name="dobnep" size="26" maxlength="300" />

<input type="text" name="empdobeng" size="26" maxlength="300" />

场景:

当有人在dobnep上写下尼泊尔出生日期时,将转换成英文并在empdobeng上显示

5 个答案:

答案 0 :(得分:2)

var input1 = $('[name="dobnep"]'),
    input2 = $('[name="empdobeng"]');

input1.on('keyup', function() {
    NepToEng(this.value).done(function(data) {
        input2.val( data );
    });
});

input2.on('keyup', function() {
    EngToNep(this.value).done(function(data) {
        input2.val( data );
    });
});

function NepToEng(val) {
    return $.ajax({
       url : 'link/to/script_that_converts_to_eng.php'
       data: {date: val}
    });
}

function EngToNep(val) {
    return $.ajax({
       url : 'link/to/script_that_converts_to_nep.php'
       data: {date: val}
    });
}

答案 1 :(得分:1)

我强烈建议在Javascript中重新实现这些功能,否则你可能会向服务器发出大量HTTP请求并降低应用程序的性能,因为我认为这是一个浏览器可以很快处理的简单计算。 / p>

答案 2 :(得分:0)

无法根据用户操作执行PHP函数。一种解决方案是使用Ajax函数发送dobnep的值并以英语检索其empdobeng。

答案 3 :(得分:0)

你去...如果你准备好了整个功能,你只需要在你的代码中加入一些ajax魔法。 获取engDATE的值(假设为FETCHED_VALUE)并在ajax的响应文本中输入此代码,

document.getElementById(id).value="FETCHED_VALUE"

注意:为name = empdobeng的文本框分配id并使用function keyup

答案 4 :(得分:0)

这是我的代码,它帮助了我......我混合了

<强>的Javascript

function add() {
num1=$("#dobnep").val();
 $.ajax({
  type: "POST",
  url: "change.php",
  data: "dobnep="+num1,
  success: function(html){ 
    document.getElementById('empdobeng').value=html;
  }
 })
}

<强> HTML

<input type="text" name="dobnep" id="dobnep" onblur="add()" size="26" maxlength="300" />
<input type="text" name="empdobeng" id="empdobeng" size="26" maxlength="300" />

<强> PHP

$date=UTF8toEng($_POST['dobnep']);

echo EngtoUTF8(NepToEng($date));