从一个输入中获取正确的 2 个字符到另一个输入答案

【问题标题】：Get right 2 charcters from an input to another input从一个输入中获取正确的 2 个字符到另一个输入
【发布时间】：2017-01-18 07:51:02
【问题描述】：

我在一个字段中输入：

<td>
    Main Category   
    <select  id="category" name="category" class="form-control">
        <option value=""></option>
        <option value="Non-Current Asset">Non-Current Asset 11</option>
        <option value="Current Asset">Current Asset 12</option>
        <option value="Non-Current Liability">Non-Current Liability 21</option>
        <option value="Current Liability">Current Liability 22</option>
        <option value="Cost of Sales">Cost of Sales 23</option>
        <option value="Operating Expenses">Operating Expenses 31</option>
        <option value="Selling Expenses">Selling Expenses 32</option>
        <option value="Operating Income">Operating Income 41</option>
        <option value="Other Income">Other Income 42</option>
        <option value="Equity">Equity 51</option>
    </select>
</td>

因此，如果我从下拉列表中选择“非当前资产 11”，我希望在另一个输入字段中自动输入正确的 2 个字符“11”。其他输入字段如下：

<td>
    Main Code
    <input id="main_code" type="text" name="main_code" readonly />
</td>

【问题讨论】：

你不应该。为此使用 value 或某些数据属性要好得多，例如 data-id="11"。
这么多重复我不知道要标记一个。
Retrieving the text of the selected <option> in <select> element的可能重复
“您能否使用 HTML5 为这个问题提供最简单的解决方案？如果没有，请使用 CSS3、Javascript 或 jQuery。- Abdul “我不知道。你在这里做什么？在你学会走路之前不要尝试跑步！阅读书籍有很多关于 html/css/js 的教程。初学者一步一步来。做一些。尽可能多地阅读课程。因为你显然不知道你在说什么。当您提出真正的问题时，我们很乐意为您提供帮助。
Pierre，我知道您关心的是我的要求中的 CSS3。我把它放在我读到的某个地方，现在 CSS 不仅仅是样式。谢谢

标签： html input extract

【解决方案1】：

在选项的 value 属性中似乎有相同的文本，而在文本中你有数字。

你能做什么

编写 javascript 函数，该函数将根据所选值从选项的文本值中删除文本。然后只剩下数字，您可以将其用户\传递给其他输入。

【讨论】：

感谢 Rahul，我是 Web 开发新手，但仍然无法提取/剪切字符串。您能否使用 HTML5 为这个问题提供最简单的解决方案？如果不是，那么在 CSS3、Javascript 或 jQuery 中。
Slice(-2) for 2 last char!

【解决方案2】：

我自己用HTML5解决了这个问题

将选择更改如下；

 <td>Main Category   <select  id="category" name="category" class="form-control" required oninput="main_code.value = parseInt(category.value)">
                  <option value=""></option>
                  <option value="11">Non-Current Asset 11</option>
                  <option value="12">Current Asset 12</option>
                  <option value="21">Non-Current Liability 21</option>
                  <option value="22">Current Liability 22</option>
                  <option value="23">Cost of Sales 23</option>
                  <option value="31">Operating Expenses 31</option>
                  <option value="32">Selling Expenses 32</option>
                  <option value="41">Operating Income 41</option>
                  <option value="42">Other Income 42</option>
                  <option value="51">Equity 51</option>
                  </select></td>

完成

【讨论】：

【解决方案3】：

使用 javascript 获取所选选项的文本并替换字符串中的所有其他字符。

<script>
    function jsfunction(element)
    {
        var text = element.options[element.selectedIndex].text;
        text = text.replace(/[^0-9]/g, '');
        document.getElementById("main_code").value=text;
    }
</script>

主要类别
非流动资产 11 流动资产 12 非流动负债 21 流动负债 22 销售成本 23 营业费用 31 销售费用 32 营业收入 41 其他收入 42 股权 51

Main Code       
<input id="main_code" type="text" name="main_code" readonly />

下面是工作小提琴： https://jsfiddle.net/dexupumb/

【讨论】：