获取单独的 html 标记中的值

Getting values in separate html tags

本文关键字:html 单独 获取      更新时间:2023-09-26

我的目标是根据来自两个单独 html 标签的输入执行验证。我想知道如何检索这两个值,将它们连接成一个字符串,然后将连接的字符串作为参数发送到我的控制器的函数中?

<input type="hidden" id="country_code" name="country_code" value="<%= @user.phone_no(:country_code) %>" />
<input name="country_code" id="country_code" value="<%= @user.phone_no(:country_code) %>" size=4 type="text" readonly="readonly" class="validate[required] finput" />

我对javascript的调用应该是什么样的,我从每个标签中获取国家/地区代码和电话号码?

试试...

var full="";
$("input").each(function(){
full += this.value
});
console.log(full)

首先,两个 html 标签的 'id' 不应该相同。首先更改 id,如下所示(您可以取一个名称)。

<input type="hidden" id="country_code_hidden" name="country_code" value="<%= @user.phone_no(:country_code) %>" />
<input name="country_code" id="country_code" value="<%= @user.phone_no(:country_code) %>" size=4 type="text" readonly="readonly" class="validate[required] finput" />

那么javascript可以是,

var value1 = $('#country_code').val();
var value2 = $('#country_code_hidden').val();
value3 = value1.concat(value2);

然后,将此值 3 作为参数发送到函数。

使用 jquery。每个 html 标记都可以通过其 id 来标识。因此,您可以获取其值,并从那里连接两个不同标签的值。然后调用一个验证函数,就像你当前的JavaScript调用一样。