Most common sequence variants associated with human traits are in noncoding regions of the genome, form haplotypes with other noncoding variants, and exhibit small effect sizes in the general population. Determining the physiological roles and mechanisms of action for these noncoding variants, particularly large haplotypes containing multiple variants, is both critical and challenging. To address this challenge, we developed an approach that integrates physiological studies in genetically engineered and phenotypically permissive animal models, precise editing of large haplotypes in human induced pluripotent stem cells (hiPSCs), and targeted chromatin conformation analysis. We applied this approach to examine the blood pressure associated rs1173771 locus, which includes a haplotype containing 11 single nucleotide polymorphisms (SNPs) spanning 17.4 kbp. Deleting the orthologous noncoding region in the genome of the Dahl salt-sensitive rat attenuated the salt-induced increase in systolic blood pressure by nearly 10 mmHg. This attenuation of hypertension appeared to be mediated by upregulation of the adjacent gene Npr3 (natriuretic peptide receptor 3) in arteries, enhancing vasodilation. The blood pressure-elevating and -lowering haplotypes were precisely reconstituted in hiPSCs using an efficient, two-step genome editing technique. The blood pressure-elevating haplotype decreased NPR3 expression in endothelial cells and vascular smooth muscle cells derived from the edited, isogenic hiPSCs. The influence of the haplotype was partially recapitulated by the sentinel SNP rs1173771. Additionally, the blood pressure-elevating haplotype showed significantly greater chromatin interactions with the NPR3 promoter region. This study illustrates the feasibility of ascertaining the physiological roles and mechanisms of action for large noncoding haplotypes. Our efficient, integrated, and targeted approach can be applied to investigate other noncoding variants.